Cara Menampilkan Widget Hanya Di Halaman Depan (Home) Blog

Menampilkan Widget Hanya di Homepage

Widget biasanya tampil di semua bagian blog. Maksudnya di homepage dia tampil, di hamalan posting juga tampil. Terkadang kita membutuhkan widget yang hanya tampil di halaman depan saja. Misalnya widget yang kita taruh di bagian area deretan posting. Jika widget tersebut tampil di postingan juga, tentunya itu akan sangat mengganggu tampilan isi dan memakan halaman.

Contohnya seperti pada Tutorial Komputer ini, memiliki widget text html yang tampil di area posting/body, namun hanya tampil di halaman depan saja.

Widget tersebut dapat dibuat memiliki perilaku seperti itu dengan cara sebagai berikut:

1. Tentukan widget yang dimaksud.
2. Masuk ke blogger dan menu Template blog dimana widget tersebut berada.
3. Kemudian Edit HTML, dan temukan judul widget yang dimaksud. Misalnya widget HTML dan diberi judul 'HALAMAN DEPAN'.
4. Search dengan cara tekan kombinasi Control+F, kemudian ketik HALAMAN DEPAN.
5. Selanjutnya perhatikan kode berikut.

<b:widget id='HTML1' locked='false' title='HALAMAN DEPAN' 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>

Warna hijau adalah target kata yang dicari tadi menggunakan Control+F, dan kode yang diberi background warna merah adalah kode yang harus ditambahkan.

Menampilkan Widget di Semua Halaman Selain Homepage

Cara menampilkan widget di halaman tertentu selain halaman depan sama saja dengan langkah-langkah diatas. Namun berbeda kode. Berikut kode yang harus dimasukkan untuk menggantikan kode yang diberi background merah diatas.

<b:if cond='data:blog.homepageUrl != data:blog.url'>
-----------------------------------------------------------------------
</b:if>

Perhatikan, yang berbeda dari kedua cara diatas hanyalah tanda == (sama dengan) dan != (tidak sama dengan). 

Trik mudah melakukan pencarian widget yang tidak ingin diberi judul.

1. Beri judul terlebih dahulu.
2. Kemudian cari judul seperti langkah diatas.
3. Ubah HTML seperti langkah diatas.
4. Kemudian hilangkan judulnya kembali.

Widget yang tidak diberi judul akan diberi ID seperti halnya diatas. Id widget yang saya contohkan adalah HTML1, jika ada lagi selain itu, maka akan menjadi HTML2, dan seterusnya.