Selamat Datang di dennismyworld.com .Blog ini memuat informasi-informasi yang mungkin dapat membantu anda. Terimakasih !!

Telusuri Blog ini

Kamis, 21 Juni 2012

Cara membuat Widget hanya terlihat di label tertentu

Terkadang,kita ingin menampilkan suatu widget hanya di pencarian label tertentu agar tampilan web terlihat lebih professional. Kali ini,saya akan membahas Cara membuat Widget hanya terlihat di label tertentu.

Preview



Ikuti cara berikut :

1. Log in ke Blogger

2. Centang "expand Template Widget"

3. Cari Kode "Widget id" atau nama Widget

          Contohnya yang akan di tampilkan hanya di label tertentu adalah widget"Euro Countdown", tekan  
          f3 untuk mempermudah pencarian, masukkan nama widget tersebut, maka yang akan muncul kode 
          seperti di bawah ini:

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML12' locked='false' title='Euro Countdown' 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>

4. Tambahkan kode berikut di bawah kode <b:includable id='main'> (kode berwarna hijau)

    <b:if cond='data:blog.url == &quot;http://thegunnersspirit.blogspot.com/search/label/Euro&quot;'>

    ubah kode berwarna merah dengan alamat pencarian label kamu.

5. Tambahkan kode </b:if> diatas kode </b:includable> (kode berwarna abu-abu)

    Sehingga hasilnya akan menjadi seperti ini 
  
    <b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML12' locked='false' title='Euro Countdown' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == &quot;http://thegunnersspirit.blogspot.com/search/label/Euro&quot;'>
  <!-- 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:if>
</b:includable>
</b:widget>

6. Simpan /Save kode

7. Lihat Hasilnya

Sekian Tutorial dari saya,semoga bermanfaat .TERIMA KASIH

baca manga komik bahasa indonesia


baca manga komik bahasa indonesia