Jika anda jago coding, pasti anda tak begitu pusing menuliskan sebuah kode untuk membuat sebuah tampilan atau design template pada situs website atau blog supaya tampak indah dan rapi. Tapi bagaimana jika anda adalah orang awam mengenai hal kode-mengkode? Tentunya akan merasa bingung plus jengkel kalau tidak bisa sabar membuatnya.
Nah, khusus artikel ini kami akan memberikan sepuluh kode HTML untuk menampilkan widget di halaman tertentu platform Blogger atau blogspot, yang sesuai dengan harapan anda, Aamiin. Silakan anda ikuti langkah-langkah menampilkan widget di blog, dengan copy-paste 'kode tambahan' yang sesuai pilihan anda di bawah ini:
1. Widget muncul hanya di halaman depan atau homepage saja:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
---- your code in here ----
</b:if>
2. Widget tampil di semua halaman kecuali homepage atau widget tidak muncul di homepage:
<b:if cond='data:blog.url != data:blog.homepageUrl'>
---- your code in here ----
</b:if>
3. Widget muncul hanya di halaman archive saja:
<b:if cond='data:blog.pageType == "archive"'>
---- your code in here ----
</b:if>
4. Widget tampil di semua halaman kecuali halaman archive:
<b:if cond='data:blog.pageType != "archive"'>
---- your code in here ----
</b:if>
5. Widget muncul hanya di halaman posting:
<b:if cond='data:blog.pageType == "item"'>
---- your code in here ----
</b:if>
6. Widget tampil di semua halaman, kecuali halaman posting:
<b:if cond='data:blog.pageType != "item"'>
---- your code in here ----
</b:if>
7. Widget muncul hanya di postingan tertentu saja:
<b:if cond='data:blog.pageType == "alamat-postingan"'>
---- your code in here ----
</b:if>
8. Widget tampil selain di postingan tertentu:
<b:if cond='data:blog.pageType != "alamat-postingan"'>
---- your code in here ----
</b:if>
9. Widget muncul hanya di halaman staticpages:
<b:if cond='data:blog.pageType == "static_page"'>
---- your code in here ----
</b:if>
10. Widget tampil di semua halaman, kecuali halaman staticpages:
<b:if cond='data:blog.pageType != "static_page"'>
---- your code in here ----
</b:if>
Langkah-langkah cara menambah kode di atas untuk menampilkan widget pada halaman tertentu saja adalah sebagai berikut:
- Masuk ke Blogger.com
- Pilih menu "Theme"
- Kemudian klik tombol logo "segitiga ke bawah" di samping CUSTOMISE
- Plih "Edit HTML" untuk membuka halaman edit template
- Cari widget yang ingin ditampilkan di halaman tertentu dengan menggunakan icon "Jump to Widget"
- Copy-paste kode-kode yang telah kami berikan di atas, misal kode nomor 1 (Widget muncul hanya di halaman depan atau homepage saja), di antara kode: <b:include name='widget-title'/><div class='widget-content'><data:content/></div>. Contoh:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:if> - Setelah itu, "Simpan/Save" apabila anda sudah copy-paste kode yang diinginkan
Semoga artikel tentang bagaimana cara menampilkan widget hanya di halaman tertentu ini dapat bermanfaat untuk anda dalam mendekorasi tampilan blog!
Open Disqus Close Disqus