Sabtu, 10 Juli 2010

Cara Mengetahui ID Widget

Sebagai seorang bloger, anda tidak diharuskan untuk mengetahui ID widget anda, tapi mungkin artikel ini akan membantu bagi orang yang ingin mengkustom widgetnya. Misalkan jika anda ingin menampilkan Widget anda hanya di Homepage atau di halaman tertentu, anda harus tahu cara mengetahui ID widget anda dulu, Setelah mengetahui ID widget anda, barulah anda dapat mengkustom Widget anda. Sekarang coba simak, beberapa contoh yang saya berikan ini:




Contoh widget mesin pencari saya:


<b:widget id='HTML2' locked='false' title='search'type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>


Dan berikut ini contoh widget Label/Kategori milik saya


<b:widget id='Label2' locked='false' title='Label'type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display
 + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span
expr:dir='data:blog.languageDirection'><data:label.name/></span>

          <b:else/>
            <a expr:dir='data:blog.languageDirection'
expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
           <span
dir='ltr'>(<data:label.count/>)</span>
          </b:if>
       </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; +
 data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span
expr:dir='data:blog.languageDirection'><data:label.name/></span>

          <b:else/>
            <a expr:dir='data:blog.languageDirection'
expr:href='data:label.url'><data:label.name/></a>
         </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count'
dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
   <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>


Kesimpulan:


  • Kode yang berwarna merah adalah judul widgetnya (judul yang anda berikan untuk widgetnya) dan kode yang berwarna biru adalah tipe widgetnya


  • Biasanya ID widget diawali dengan kode <b:widget>


  • Dan biasanya, ID widget diakhiri dengan kode </b:widget>


  • Perhatikan kode-kode yang berwarna hijau pada contoh ID widget yagn saya berikan diatas! Biasanya kode-kode yang berwarna hijau akan muncul di ID widget anda

Hanya itu saja dari saja, semoga saja artikel diatas dapat mempermudah anda dalam pencarian ID widget anda. Selamat mencoba tips dari saya ini . . . Terimakasih

Tidak ada komentar:

Posting Komentar