Tag Kondisional Blogger Terbaru Beserta Cara Menggunakannya

Bagi kamu yang senang mengotak-atik template blogger, alangkah baiknya untuk mengetahui tag kondisional Blogger.
Tag Kondisional Blogger

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.

1. Homepage (Halaman Utama)
Tag untuk menampilkan widget hanya pada homepage (halaman utama) saja.
<b:if cond='data:view.isHomepage'>
Versi lama
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Contoh URL:https://www.penajaib.com
2. Halaman Post (Artikel Tunggal)
Tag untuk menampilkan widget pada halaman postingan saja.
<b:if cond='data:view.isPost'>
Versi lama
<b:if cond='data:blog.pageType == "item"'>
Contoh URL: https://www.penajaib.com/2023/05/tag-kondisional-blogger-terbaru.html
3. Halaman Page (Statis) Tag untuk menampilkan widget hanya pada halaman statis.
<b:if cond='data:view.isPage'>
Versi lama
<b:if cond='data:blog.pageType == "static_page"'>
Contoh URL: https://www.penajaib.com/p/about.html
4. Halaman Indeks (primer)
Tag untuk menampilkan widget di halaman indeks/primer (homepage, pencarian, label, dan arsip).
<b:if cond='data:view.isMultipleItems'>
Versi lama
<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.
5. Halaman Item (Postingan dan Page Statis)
Untuk menampilkan widget pada halaman postingan artikel dan halaman statis.
<b:if cond='data:view.isSingleItem'>
Versi lama
<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
6. Halaman URL Tertentu (Custom)
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"'>
7. Halaman Label Tag kondisional untuk menampilkan widget pada halaman label.
<b:if cond='data:view.isLabelSearch'>
Versi lama
<b:if cond='data:blog.searchLabel'>
Contoh URL: https://www.penajaib.com/search/label/Blogger https://www.penajaib.com/search?label=Blogger
8. Halaman Pencarian
  • Widget hanya muncul pada halaman pencarian berdasarkan query.
    <b:if cond='data:view.isSearch and !data:view.isLabelSearch'>
    Contoh URL: 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'>
Contoh URL: https://www.penajaib.com/search?q=query https://www.penajaib.com/search/label/Blogger https://www.penajaib.com/search?label=Blogger
Versi lama
<b:if cond='data:blog.searchQuery'>
9. Halaman Error 404 (Page Not Found)
Widget hanya muncul pada halaman 404 (Not Found).
<b:if cond='data:view.isError'>
Versi lama
<b:if cond='data:blog.pageType == "error_page"'>
Contoh URL: https://www.penajaib.com/404.html
10. Halaman Mobile
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
11. Halaman Arsip (Archive)
Widget hanya tampil pada halaman arsip.
<b:if cond='data:view.isArchive'>
Versi lama
<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
12. Halaman Edit Layout di Dashboard
<b:if cond='data:view.isLayoutMode'>
13. Halaman Pratinjau (Preview)
<b:if cond='data:view.isPreview'>

Operator Logika NOT, AND, OR

Tag kondisional Blogger juga bisa menggunakan operator logika seperti: NOT, AND dan OR.

1. NOT
Untuk menyembunyikan dari halaman yang dimaksud. Caranya dengan menmbahkan tanda seru ! pada tag kondisional.
<b:if cond='!data:view.isHomepage'>
2. AND
Tag kondisi apabila keduanya berstatus true/benar. Tambahkan and.
<b:if cond='!data:view.isPost and data:view.isMultipleItems'>
3. OR
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.

Misalnya:
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

Lebih lama Terbaru

Posting Komentar