Template blog di Blogger memiliki tag kondisional (conditional tag) untuk mengatur tampilan widget atau elemen tertentu. Misalnya, agar widget Recent Posts hanya muncul di halaman dalam, maka widget posting terbaru itu harus “dibungkus” dengan tag kondisional.
Tag kondisional ini juga berfungsi mengatur kode CSS, HTML, dan Javascript agar muncul di halaman tertentu. Ini membuat template blog jadi tampil lebih cepat (fast loading).
Daftar Tag Kondisional Terbaru Blogger
Berikut ini Tag Kondisional terbaru dan lama. Keduanya sama-sama masih berfungsi. Kode tag kondisional terbaru lebih ringkas dan simple.
1. Homepage (Halaman Utama/Halaman Depan)
Versi Baru
<b:if cond='data:view.isHomepage'>
Versi Lama
<b:if cond='data:blog.url == data:blog.homepageUrl'>
2. Halaman Index
Versi Baru
<b:if cond='data:view.isMultipleItems'>
Versi Lama
<b:if cond='data:blog.pageType == "index"'>
3. Halaman Item (Post dan Page)
Versi Baru
<b:if cond='data:view.isSingleItem'>
Versi Lama
<b:if cond='data:blog.pageType in ["item", "static_page"]'>
Contoh Penerapan: Menampilkan Widget Posting Terbaru di Halaman Dalam Saja (Page & Pos).
4. Halaman Postingan (Halaman Artikel)
Versi Baru
<b:if cond='data:view.isPost'>
Versi Lama
<b:if cond='data:blog.pageType == "item"'>
5. Halaman Page (Statis)
Versi Baru
<b:if cond='data:view.isPage'>
Versi Lama
<b:if cond='data:blog.pageType == "static_page"'>
6. Halaman Label
Versi Baru
<b:if cond='data:view.isLabelSearch'>
Versi Lama
<b:if cond='data:blog.searchLabel'>
7. Halaman Pencarian
Versi Baru
<!– Termasuk halaman pencarian label –>
<b:if cond='data:view.isSearch'>
<!– Hanya halaman pencarian –>
<b:if cond='data:view.isSearch and !data:view.isLabelSearch'>
Versi Lama
<b:if cond='data:blog.searchQuery'>
8. Halaman Arsip
Versi Baru
<b:if cond='data:view.isArchive'>
Versi Lama
<b:if cond='data:blog.pageType == "archive"'>
9. Halaman Error 404 (Page Not Found)
Versi Baru
<b:if cond='data:view.isError'>
Versi Lama
<b:if cond='data:blog.pageType == "error_page"'>
Catatan:
Untuk halaman error not found, kita bisa redirect ke halaman depan. Pasang kode berikut ini di atas kode </body>
<b:if cond='data:blog.pageType == "error_page"'>
<script type='text/javascript'>
BSPNF_redirect=setTimeout(function() {
location.pathname= "/"
}, 1);
</script>
</b:if>
10. Halaman Pratinjau (Preview)
Versi Baru
<b:if cond='data:view.isPreview'>
Versi Lama
Tidak Ada
11. Tag Kondisional Mobile
Versi Baru
<b:if cond=’data:view.isMobile’>
Versi Lama
<b:if cond=’data:blog.isMobileRequest == "true"’>
Conditional Tag Menambahkan NOT, AND, 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'>
Tag Kondisional untuk WordPress
Khusus untuk mengatur tampilan widget sidebar, blog CMS WP bisa menggunakan plugin Widget Option.
