Tag kondisional atau pada Blogger memungkinkan Kalian untuk menentukan script atau widget mana saja yang ingin ditampilkan di halaman tertentu.
Misalnya, menampilkan widget Artikel Terpopuler hanya di halaman utama saja, script jQuery yang hanya dipanggil di halaman postingan saja, dan lain sebagainya. Template Blogger yang kompleks memanfaatkan Tag Kondisional tersebut.
Baru-baru ini, kode Tag Kondisional
sudah diupdate. Dan di artikel ini, saya akan membahas kumpulan tag kondisional halaman Blogger terbaru dan cara penerapanya.Untuk cara penerapan pada widget di halaman yang spesifik, Kalian bisa baca artikel Menampilkan atau Menyembunyikan Widget Blogger di Halaman Tertentu.
Tag Kondisional Blogger
Berikut ini Saya akan menyertakan Tag Kondisional Blogger
versi baru dan lama agar lebih mudah dipahami jika ingin bermigrasi beserta contoh URLnya.1. Homepage (Halaman Utama)
Hanya akan bekerja jika pada halaman utama saja.
<b:if cond='data:view.isHomepage'>
Versi lama
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Contoh URL :
https://www.kuymase.com
2. Halaman Indeks
Mencakup jika halaman indeks atau multiple post seperti homepage, pencarian, label, dan arsip.
<b:if cond='data:view.isMultipleItems'>
Versi lama
<b:if cond='data:blog.pageType == "index"'>
Contoh URL:
https://www.kuymase.com
https://www.kuymase.com/search?q=query
https://www.kuymase.com/search/label/Blogger
https://www.kuymase.com/search?label=Blogger
https://www.kuymase.com/2020
...dan lain-lain
3. Halaman Item (Post dan Page)
Mencakup jika halaman postingan dan statis saja.
<b:if cond='data:view.isSingleItem'>
Versi lama
<b:if cond='data:blog.pageType in ["item", "static_page"]'>
Contoh URL:
https://www.kuymase.com/2017/12/tag-kondisional-blogger-terbaru.html
https://www.kuymase.com/p/about.html
4. Halaman Post (Artikel Tunggal)
Hanya jika halaman postingan saja
<b:if cond='data:view.isPost'>
Versi lama
<b:if cond='data:blog.pageType == "item"'>
Contoh URL:
https://www.kuymase.com/2017/12/tag-kondisional-blogger-terbaru.html
5. Halaman Page (Statis)
Jika hanya halaman statis (page) saja.
<b:if cond='data:view.isPage'>
Versi lama
<b:if cond='data:blog.pageType == "static_page"'>
Contoh URL:
https://www.kuymase.com/p/about.html
6. Halaman URL Tertentu
Pengkondisian jika halaman dengan url
tertentu saja.
<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
Jika hanya halaman label saja
<b:if cond='data:view.isLabelSearch'>
Versi lama
<b:if cond='data:blog.searchLabel'>
Contoh URL:
https://www.kuymase.com/search/label/Blogger
https://www.kuymase.com/search?label=Blogger
8. Halaman Pencarian
Hanya halaman pencarian berdasarkan query.
<b:if cond='data:view.isSearch and !data:view.isLabelSearch'>
Contoh URL:
https://www.kuymase.com/search?q=query
Termasuk halaman pencarian label (semua yang mengandung kata "search" di URL)
<b:if cond='data:view.isSearch'>
Contoh URL:
https://www.kuymase.com/search?q=query
https://www.kuymase.com/search/label/Blogger
https://www.kuymase.com/search?label=Blogger
Versi lama
<b:if cond='data:blog.searchQuery'>
9. Halaman Arsip
Jika halaman arsip saja
<b:if cond='data:view.isArchive'>
Versi lama
<b:if cond='data:blog.pageType == "archive"'>
Contoh URL:
https://www.kuymase.com/2020
https://www.kuymase.com/2020/04
https://www.kuymase.com/2020_04_14_archive.html
10. Halaman Error 404 (Page Not Found)
Khusus halaman error saja. Biasanya hanya untuk menampilkan halaman 404.
<b:if cond='data:view.isError'>
Versi lama
<b:if cond='data:blog.pageType == "error_page"'>
Contoh URL:
https://www.kuymase.com/404.html
11. Halaman Mobile
Pengkondisian untuk jika halaman mobile saja atau semua yang memiliki parameter ?m=1.
<b:if cond='data:blog.isMobileRequest'>
Contoh URL:
https://www.kuymase.com?m=1
12. Halaman Pratinjau (Preview)
Jika halaman preview saja
<b:if cond='data:view.isPreview'>
13. Halaman Edit Layout di Dashboard
Jika halaman edit layout saja.
<b:if cond='data:view.isLayoutMode'>
Deklarasi NOT, AND, OR
Tag kondisional Blogger juga bisa menggunakan NOT, AND, atau OR.
1. NOT
Kondisi jika bukan halaman yang dimaksud. Tambahkan tanda seru !
<b:if cond='!data:view.isPost'>
2. AND
Kondisi jika keduanya benar. Tambahkan and.
<b:if cond='!data:view.isPost and data:view.isMultipleItems'>
3. OR
Kondisi jika salah satunya benar. Tambahkan or.
<b:if cond='data:view.isPost or data:view.isMultipleItems'>
Apa Fungsinya Masih Sama Dengan Tag Kondisional Lama?
Jawabanya adalah Iya!. Cuma format penulisannya saja yang sedikit berbeda.
Jadi kalau template Kalian masih pakai tag kondisional Blogger versi lama, jangan khawatir. Semuanya masih berjalan dengan normal meskipun tidak diganti dengan yang baru. Tapi biar lebih up to date, tidak ada salahnya Kalian ganti dengan tag kondisional Blogger terbaru ini.
Itu dia beberapa kumpulan kode Blogger conditional tag terbaru. Formatnya lebih sederhana dari sebelumnya, kan? Untuk Kalian yang terjun dalam pembuatan template pasti berguna banget nih. Kalau mau menambahkan atau koreksi, silakan kasih komen dibawah.