Cara Membuat Widget Hanya Muncul Di Halaman Posting Blog

Cara Membuat Mengganti Memasang Mempercantik Pada Di Blog Blogger Blogspot Tutorial Trik Tips SEO Template Terbaru.
Meneruskan Postingan artikel sebelumnya tentang "Cara Membuat Widget Hanya Tampil Di Halaman Depan 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

6. Apabila ada yang kurang di mengerti silahkan tulis di komentar

7 komentar

Thx Infonya,, misalkan widget hanya muncul di postingan trtentu gimana caranya ?

Reply

Mantab sob. kalo mau hanya muncul di homepage gimana sob?

Reply

wah bermanfaat sekali untuk newbie seperti saya,terimakasih atas infonya

Reply

trimakasih sob, atas infonya, sngat bermanfaat bagi ane,,
dateng dateng ko blog ane ya.

Reply

Infonya bermanfaat banget ;)

Reply

ada yg tau gak cara buat halaman postingan menjadi 2 bagian atau 3 bagian seperti unmul.ac.id

Reply

wah makasih gan, infonya :)

Reply

Posting Komentar