» » » Tutorial Menampilkan Widget Hanya Pada Halaman Postingan

Tutorial Menampilkan Widget Hanya Pada Halaman Postingan

IQROZEN | Sebelumnya mohon maaf kepada sobat yang telah memposting tips ini, saya sekedar mengarsip ilmu sekaligus berbagi barangkali ada yang belum mengetahuinya. Tampilan blog secara tidak langsung mempengaruhi pengunjung betah atau tidak ketika mengunjungi laman blog kita. Disamping artikel yang bermutu dan berkualitas tentunya. Selain itu, tampilan blog juga harus disesuaikan dengan loading internet, nah untuk layanan internet sekelas Indonesia harap dimaklumi dengan mengurangi berat tampilan blog saat dibuka.

Salah satu yang cukup mempengaruhi loading blog adalah keberadaan widget baik itu di sisi / sidebar atau di bawah postingan. Beberapa blogger tidak menampilkan atau membatasi jumlah widget yang tampil di homepage blog,  contohnya saya sendiri. Alasan saya sekedar akan tampilan laman utama lebih ringkas dan so pasti loading blog lebih cepat. Berbeda ketika mengunjungi postingan maka bermunculan widget-widget lain yang meramaikan. Lalu, bagaimana cara menampilkan widget hanya di laman postingan?

Tampilan Widget pada halaman homepage
Tampilan Widget pada halaman homepage

Tampilan Widget pada halaman postingan
Tampilan Widget pada halaman postingan

Blogger  berbagi tips

Berikut cara menampilkan Widget hanya pada halaman postingan:
1. Masuk akun blogger
2. Cari template dan klik edit HTML
3. Cari widget yang akan disetting tampilannya (lebih cepat tekan ctrl+F)
Contohnya saya akan mengatur tampilan widget berjudul "Suara Islam", maka saya search suara dan munculah kode HTML seperti di bawah ini:
<b:widget id='HTML8' locked='false' title='Suara Islam' 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>
Kode tersebut adalah kode dasar widget yang terpasang di blog, apabila tidak muncul kode seperti di atas, coba dihapus widget tersebut dan tambahkan widget ulang, jika benar caranya akan muncul seperti di atas.

4. Tambahkan kode-kode berikut:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
dan
</b:if>

5. Hasilnya menjadi seperti ini:
<b:widget id='HTML8' locked='false' title='Suara Islam' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'><!-- 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:if> 
6. Simpan template
7. Selesai

 Inilah tutorial cara menampilkan widget pada halamna postingan saja, ada yang kurang jelas silakan ditanyakan karena sekedar berbagi tips sesuai pengalaman pribadi.