CARA MENYEMBUNYIKAN DAN MENAMPILKAN WIDGET DIBLOGGER
Selamat Datang di Blog Orang IT . Pada postingan kali ini akan share sedikit tutorial bagaimana cara menampilkan dan menyembunyikan widget blogger pada postingan tertentu atau hanya pada homepage , trik ini sangat berguna jika anda memiliki blog dan ingin memasang banyak widget namun terkendala masalah space lokasi apalagi jika semua widget yang dianggap penting dipasang secara bersamaan dikhawatirkan akan mengurangi kecepatan loading blog saat dimuat lagi pula pengunjung hanya mencari konten yang mereka butuhkan sementara pemilik blog memikirkan bagaimana membuat tampilan blognya tetap menarik
Hal ini juga terkadang dialami beberapa blog yang menjalankan direct ads atau advertisement ads misalnya pemasang ingin agar iklanya hanya tampil dipostingan yang sesuai dengan produk mereka demi mentargetkan konsumen kita bisa melakukanya dengan tag kondisional
Bagi anda yang sedang menata ulang desain blog dan ingin mengoptimalkan kecepatan loading template menggunakan teknik menyembunyikan menampilkan widget diartikel tertentu menjadi penting untuk diterapkan , pastikan tampilan blog anda tidak terkesan over space , tetap terlihat dinamis , mudah dinavigasi dan tetap fast loading
Mengetahui cara menyembunyikan dan menampilkan widget diblogger dalam kondisi tertentu wajib diketahui oleh pemilik blogger , pengurus bisa menentukan dengan bebas mana widget yang hanya ditampilkan dalam halaman awal dan widget yang muncul khusus pada postingan tertentu
Baca juga : Widget penting untuk blogger
Teknik ini sangat mudah untuk di implementasikan hanya cukup menyisipkan kode script widget diantara tag kondisional yang mengatur lokasi munculnya suatu widget , jika anda masih awam simak pembahasan ini baik-baik agar tidak terjadi error saat mencobanya
Menyembunyikan dan menampilkan widget blogger mudah
Pertama silahkan masuk ke edit html template , atau jika kode widgetnya langsung dimasukkan dalam tata letak berarti buka tataletak – widget – edit html
1. Agar widget hanya muncul dihomepage
<b:if cond=’data:blog.url == data:blog.homepageUrl’><!– ISI dari elemen atau Widget –></b:if>
Contoh penggunaan kode widgetnya dalam HTML editor
<b:widget id=’HTML1′ locked=’false’ title=’Nama title’ type=’HTML’><b:includable id=’main’><b:if cond=’data:blog.url == data:blog.homepageUrl’><!– only display title if it’s non-empty –><b:if cond=’data:title != “”‘><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>
Ini untuk CSS nya
<b:if cond=’data:blog.url == data:blog.homepageUrl’><style type=’text/css’>/* — Ini adalah CSS style — */</style><script type=’text/javascript’ >//Ini adalah kode JavaScript</script></b:if>
2. Untuk menampilkan widget hanya dalam artikel postingan
<b:if cond=’data:blog.pageType == “item”‘><!– ISI dari elemen atau Widget –></b:if>
3. Untuk menyembunyikan widget diseluruh postingan
<b:if cond=’data:blog.pageType != “item”‘><!– ISI dari elemen atau Widget –></b:if>
4. Menampilkan widget dihalaman tertentu
<b:if cond=’data:blog.url == “URL Halaman”‘><!– ISI dari elemen atau Widget –></b:if>
5. Menyembunyikan widget dihalaman tertentu
<b:if cond=’data:blog.url != “URL Halaman”‘><!– ISI dari elemen atau Widget –></b:if>
6. Menampilkan widget hanya di halaman arsip
<b:if cond=’data:blog.pageType == “archive”‘><!– ISI dari elemen atau Widget –></b:if>
7. Menyembunyikan widget dihalaman arsip
<b:if cond=’data:blog.pageType != “archive”‘><!– ISI dari elemen atau Widget –></b:if>
8. Menampilkan widget dihalaman static yang ada id nya biasanya
<b:if cond=’data:blog.pageType == “static_page”‘>
<!– ISI dari elemen atau Widget –>
</b:if>
9. Menyembunyikan widget dihalaman static
<b:if cond=’data:blog.pageType != “static_page”‘>
<!– ISI dari elemen atau Widget –>
</b:if>
10. Widget hanya muncul di search / label
<b:if cond=’data:blog.searchQuery’>
ISI dari elemen atau Widget
</b:if>atau
<b:if cond=’data:blog.searchLabel’>
ISI dari elemen atau Widget
</b:if>
11. Widget muncul hanya dihalaman error
<b:if cond=’data:blog.pageType == “error_page”‘>
ISI dari elemen atau Widget
</b:if>
12. Widget dengan tag kondisi benar salah
<b:if cond=’data:blog.pageType == “item”‘>
jika kondisi benar
<b:else/>
jika kondisi salah
</b:if>
13. Widget tidak tampil hanya pada beberapa halaman khusus
Kondisi pengingkaran merupakan kondisi dimana kode yang ada di dalamnya tidak tampil pada halaman yang tertulis pada tag kondisional, melainkan tampil pada semua halaman selain halaman yang tertulis pada tag kondisional. Untuk kondisi pengingkaran cukup ubah kode == menjadi kode !=
<b:if cond=’data:blog.url != data:post.url’>
ISI dari elemen atau Widget
</b:if>
Mudah sekali kan bagaimana cara menampilkan dan menyembunyikan widget diblogger jika ada pertanyaan lain silahkan berkomentar yang relevans dibawah akan saya jawab sesuai kemampuan sukur-sukur jika ada yang mau nambah untuk melengkapi artikel saya ini
