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"]'>
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'>
Versi lama:
<!– Hanya halaman pencarian –><b:if cond='data:view.isSearch and !data:view.isLabelSearch'>
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"’>
12. Tag Kondisional Desktop
<b:if cond='data:blog.isMobileRequest == "false"'>
Kondisional 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'>
4. OR
Kondisi jika salah satunya benar. Tambahkan or.
<b:if cond='data:view.isPost or data:view.isMultipleItems'>
Sumber:
Github
Posting Komentar