Tag Kondisional Blogger Terbaru Beserta Cara Menggunakannya

Bagi kamu yang senang mengotak-atik template blogger, alangkah baiknya untuk mengetahui tag kondisional Blogger. Tujuannya adalah untuk mengatur pada halaman mana saja script, kode atau sebuah widget ingin ditampilkan.
Contohnya, saya ingin menampilkan sebuah widget slot iklan hanya muncul di halaman utama saja, maka saya harus membungkus widget slot iklan tersebut dengan tag kondisional <b:if cond='data:view.isHomepage'>
...</b:if>
; atau bisa juga dengan menyisipkan cond='data:view.isHomepage'
pada tag section
atau b:widget
nya.
Jika cara diatas dilakukan dengan benar, maka widget slot iklan hanya akan muncul pada halaman homepage saja. Hal tersebut juga berlaku untuk widget, css, script dan bagian-bagian lainnya pada template.
Contoh penggunaan tag kondisional blogger lainnya yaitu mengubah tag header judul blog pada halaman postingan, dari <h1>
menjadi <h2>
. Tujuannya ialah agar tag <h1>
pada halaman postingan hanya digunakan oleh judul postingan saja, harapannya dapat meningkatkan SEO.
Selain tag kondisional homepage, ada juga tag kondisional untuk halaman lainnya yang akan saya bahas pada artikel ini. Yuk simak artikelnya.
Tag Kondisional Blogger ini saya kutip dari situsnya mbak igniel, blogger lawas yang masih eksis sampai saat ini.
Tag Kondisional Blogger
Berikut adalah daftar tag kondisional Blogger versi baru dan versi lama beserta contohnya.
Tag untuk menampilkan widget hanya pada homepage (halaman utama) saja.
<b:if cond='data:view.isHomepage'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Contoh URL:https://www.penajaib.com
Tag untuk menampilkan widget pada halaman postingan saja.
<b:if cond='data:view.isPost'>
<b:if cond='data:blog.pageType == "item"'>
Contoh URL:
https://www.penajaib.com/2023/05/tag-kondisional-blogger-terbaru.html
<b:if cond='data:view.isPage'>
<b:if cond='data:blog.pageType == "static_page"'>
Contoh URL:
https://www.penajaib.com/p/about.html
Tag untuk menampilkan widget di halaman indeks/primer (homepage, pencarian, label, dan arsip).
<b:if cond='data:view.isMultipleItems'>
<b:if cond='data:blog.pageType == "index"'>
Contoh URL:https://www.penajaib.com
https://www.penajaib.com/search?q=query
https://www.penajaib.com/search/label/Blogger
https://www.penajaib.com/search?label=Blogger
https://www.penajaib.com/2023
...dan sebagainya.
Untuk menampilkan widget pada halaman postingan artikel dan halaman statis.
<b:if cond='data:view.isSingleItem'>
<b:if cond='data:blog.pageType in ["item", "static_page"]'>
Contoh URL:https://www.penajaib.com/2023/05/tag-kondisional-blogger-terbaru.html
https://www.penajaib.com/p/about.html
Menampilkan widget pada URL tertentu.
<b:if cond='data:view.url == data:blog.homepageUrl path "<PATH DARI HALAMAN>"'>
Contoh penulisan:<b:if cond='data:view.url == data:blog.homepageUrl path "/p/about.html"'>
<b:if cond='data:view.isLabelSearch'>
<b:if cond='data:blog.searchLabel'>
Contoh URL:
https://www.penajaib.com/search/label/Blogger
https://www.penajaib.com/search?label=Blogger
- Widget hanya muncul pada halaman pencarian berdasarkan query.
Contoh URL:<b:if cond='data:view.isSearch and !data:view.isLabelSearch'>
https://www.penajaib.com/search?q=query
-
Widget muncul pada semua halaman pencarian label (semua yang mengandung kata "search" di URL)
<b:if cond='data:view.isSearch'>
https://www.penajaib.com/search?q=query
https://www.penajaib.com/search/label/Blogger
https://www.penajaib.com/search?label=Blogger
<b:if cond='data:blog.searchQuery'>
Widget hanya muncul pada halaman 404 (Not Found).
<b:if cond='data:view.isError'>
<b:if cond='data:blog.pageType == "error_page"'>
Contoh URL:
https://www.penajaib.com/404.html
Widget muncul hanya pada halaman mobile/ tampilan ponsel. Semua yang memiliki parameter
?m=1
.
<b:if cond='data:blog.isMobileRequest'>
Contoh URL:
https://www.penajaib.com?m=1
Widget hanya tampil pada halaman arsip.
<b:if cond='data:view.isArchive'>
<b:if cond='data:blog.pageType == "archive"'>
Contoh URL:
https://www.penajaib.com/2023
https://www.penajaib.com/2023/05
https://www.penajaib.com/2023_05_23_archive.html
<b:if cond='data:view.isLayoutMode'>
<b:if cond='data:view.isPreview'>
Operator Logika NOT, AND, OR
Tag kondisional Blogger juga bisa menggunakan operator logika seperti: NOT, AND dan OR.
Untuk menyembunyikan dari halaman yang dimaksud. Caranya dengan menmbahkan tanda seru
!
pada tag kondisional.<b:if cond='!data:view.isHomepage'>
Tag kondisi apabila keduanya berstatus true/benar. Tambahkan
and
.
<b:if cond='!data:view.isPost and data:view.isMultipleItems'>
Tag kondisinal jika salah satunya benar. Tambahkan
or
.
<b:if cond='data:view.isPost or data:view.isMultipleItems'>
Cara Menggunakan Tag Kondisional Blogger Terbaru
Seperti yang telah saya jelaskan pada awal artikel, penggunaan dari tag kondisional blogger ini sangat mudah. Kita hanya perlu menambahkan attribute tag kondisional pada widget atau section yang diinginkan.
Saya ingin menampilkan widget popular post hanya pada halaman postingan saja. Maka saya cukup menambahkan attribute
cond='data:view.isPost'
pada tag<b:widget id='PopularPosts1'..dst..>
, sehingga menjadi:<b:widget cond='data:view.isPost' id='PopularPosts1'..dst..>
Hal diatas juga berlaku untuk tag <b:section>
.
Untuk memasang tag kondisional pada bagian CSS, HTML, section, widget, dan part-part lainnya dalam template, kita bisa membungkusnya dengan tag <b:if cond='tag kondisional yg diinginkan'>
kode, script, css, wiget dll</b:if>
Gimana, mudah kan? Apa malah jadi mumet? wkwkw