Membuat Widget Hanya Tampil Di HomePage

Trik-trik blog di blogspot memang tidak ada habisnya, ini adalah salah satu kelebihan blog dengan engine blogspot di bandingkan dengan wordpress. Blogspot memang mengijinkan untuk memodifikasi secara bebas, asal tidak melanggar TOS. Sekarang adalah bagaimana membuat widget hanya tampil di homepage blog, tetapi apabila halaman postingan di buka maka widget tersebuat tidak akan terlihat. Memang bisa Mas? InsyaAllah, hehe blogspot memang bisa dibuat neko-neko.

Secara teori yang perlu kita lakukan adalah menyispkan kode agar widget yang ada di home page tidak di tampilkan di di halaman postingan. Langsung saja, tidak usah kebanyakan teori karena caranya sebenarnya sangat simpel. Sobat pasti langsung tahu dan memahaminya....

1. Mencari kode Widget

• Login ke blogger

• Klik Tata Letak

• Pilih Edit HTML

• Centang atau cek " Expand Widget Template".

• Cari kode widget, contoh kode widget "Recent Comment" blog forantum ini.

<b:widget id='HTML5' locked='false' title='Recent Comment' 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>
</b:section>
</div>

• Jadi cara mencarinya adalah dengan nama widget. Apabila nama widgetnya "Recent Comment", cari kode widget dengan nama tersebut. Gunakan F3 untuk mempermudah pencarian.

2. Menambahkan kode

• Tambahkan kode hingga menjadi seperti dibawah ini. tulisan yang berwarna hijau adalah kode yang ditambahkan.

<b:widget id='HTML5' locked='false' title='Recent Comment' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
  <!-- 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>
</b:section>
</div>

• Simpan dan Selesai. Selamat mencoba sobat.....