Cara Membuat Widget Hanya Muncul Di Halaman Posting Blog

Kali ini yang akan ditulis mengenai "Cara Membuat Widget Hanya Muncul Di Halaman Posting Blog". Widget yang di atur hanya akan terlihat atau tampil pada saat membuka halaman posting yang ada di blog. ketika membuka halaman yang lainnya misalnya seperti halaman label atau home page (halaman depan) widget secara otomatis akan menghilang (hidden). berikut tutorial Cara Membuat Widget Hanya Muncul Di Halaman Posting Blog:

1. Loggin - Rancangan - Edit HTML

2. Centang "expand Template Widget"

3. Cari Kode "Widget id" atau nama Widget

• Contohnya yang akan di tampilkan hanya di Halaman Posting adalah widget "arsip blog", tekan f3 untuk mempermudah pencarian, masukkan nama widget "arsip blog" maka yang akan muncul kode seperti di bawah ini:

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>

4. Kemudian tambahkan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> di bawah kode <b:includable id='main'> dan kode </b:if> di atas kode </b:includable> sehingga hasilnya akan menjadi seperti di bawah ini:

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:if>
</b:includable>


5. Simpan Template - Selesai