Membuat Widget yang Hanya Muncul Pada Halaman Utama/Halaman Posting

Anda mungkin pernah melihat blog yang salah satu/beberapa widget yang hanya muncul pada halaman utama/halaman postingan saja. Sedangkan pada halaman lainnya tidak muncul. Apakah anda tertarik untuk membuat widget yang hanya muncul di halaman utama atau halaman postingan saja? Kalau ya, ikuti langkah-langkah berikut ini.

Untuk membuat widget yang hanya muncul pada halaman postingan.

1. Login ke Blogger, lalu seperti biasa, tuju Tata Letak > Edit HTML.

2. (PENTING!) Backup template anda.

3. Cari ID dari widget yang ingin supaya hanya muncul di halaman postingan saja. Cara mencarinya, cari kode seperti berikut.

itle='Mengenai Saya' type='Profile'/>
<b:widget id='HTML6' locked='false' title='Jam' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Kategori' type='Label'/>
<b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'/>
<b:widget id='HTML7' locked='false' title='Statistik Blog Ini' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Kotak Chatting' type='HTML'/>

Lalu cari widget yang ingin anda modifikasi. Misalnya arsip blog. Kode widget dari arsip blog adalah:

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>

Dari mana tahunya kalau itu arsip blog? Lihat pada kode title='...'. Jika judul widget tersebut adalah Arsip blog, maka kodenya adalah: title='Arsip Blog'. Jika tidak diberi judul maka kodenya adalah title=''.

Nah, untuk mencari ID widget, lihat kode id='...'. Karena kodenya adalah id='BlogArchive1', maka ID dari widget tersebut adalah BlogArchive1.

4. Lalu cari kode:

]]></b:skin>

5. Diatasnya, ketikkan kode:

#BlogArchive1{display:none;}

Ket: Tulisan BlogArchive1 disesuaikan dengan ID widget yang ingin dibuat hanya muncul di halaman postingan.
6. Cari kode:

</head>

7. Diatasnya, ketikkan:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#BlogArchive1 {display:inline;}
</style>
</b:if>

Ket: Lagi-lagi tulisan BlogArchive1 diganti dengan widget yang ingin dimodifikasi.
8. Simpan.

Untuk membuat widget yang hanya muncul pada halaman utama.

1. Sama seperti diatas, login ke Blogger lalu pilih menu Tata Letak > Edit HTML.

2. Backup dulu templatenya.

3. Cari ID widget yang ingin dibuat hanya muncul pada halaman utama. Caranya sama seperti langkah diatas.

4. Sama seperti diatas, cari kode:

]]></b:skin>

5. Tetapi diatasnya, ketikkan kode berikut.

#BlogArchive1{display:inline;}

Ket: Sama seperti diatas, ganti BlogArchive1 dengan ID widget yang diinginkan.

6. Cari kode berikut:

</head>

7. Di atasnya, ketikkan kode berikut.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#BlogArchive1 {display:none;}
</style>
</b:if>

Ganti juga tulisan BlogArchive1 dengan widget yang diinginkan.

8. Terakhir, simpan.

Selamat mencoba dan semoga berhasil.

Apabila anda menyukai postingan ini, anda bisa men-sharenya ke yang lain. Semisal ke Facebook atau Twitter. Silakan klik salah satu pilihan dibawah.

Artikel Menarik Lainnya