Tag Kondisional Blogger Modern
Panduan Lengkap Tag Kondisional Blogger (Koleksi Paling Update & Akurat)
Bagi seorang web designer atau pemilik blog yang suka mengotak-atik tampilan template Blogger, Tag Kondisional (Conditional Tags) adalah senjata wajib yang harus dikuasai. Dengan tag ini, Anda bisa mengatur elemen tertentu—seperti widget, banner iklan, CSS, atau meta tag SEO—agar hanya muncul di halaman tertentu dan tersembunyi di halaman lainnya.
Namun, tahukah Anda bahwa struktur XML Blogger telah mengalami evolusi besar? Banyak tag kondisional jadul (versi lama) yang kini sudah usang dan membuat template Anda menjadi lambat atau bahkan eror.
Artikel ini akan mengupas tuntas daftar lengkap tag kondisional Blogger, mulai dari era klasik, masa transisi, hingga versi modern berbasis data:view yang paling presisi saat ini!
Memahami Logika Dasar Tag Kondisional
Sebelum masuk ke daftar tabel, mari kita pahami aturan dasarnya. Struktur tag kondisional Blogger selalu dibuka dengan <b:if> dan ditutup dengan </b:if>.
Contoh struktur dasar:
<b:if cond='SYARAT_HALAMAN'>
<!-- Konten atau widget Anda diletakkan di sini -->
</b:if>Jika Anda ingin menambahkan kondisi pengecualian (jika tidak memenuhi syarat, tampilkan konten lain), Anda bisa menyelipkan tag <b:else/>:
<b:if cond='SYARAT_HALAMAN'>
<!-- Muncul jika syarat terpenuhi -->
<b:else/>
<!-- Muncul jika syarat TIDAK terpenuhi -->
</b:if >Rantai kondisi pengecualian (jika tidak memenuhi syarat, tampilkan konten dalam kondisi lain yang Anda tentukan), Anda bisa menyelipkan tag <b:elseif cond='KONDISI PILIHAN ANDA'/>:
<b:if cond='data:view.isPost'>
<!-- Hanya tampil pada kondisi Post -->
<b:elseif cond='data:view.isPage'/>
<!-- Hanya tampil pada kondisi Page -->
<b:elseif cond='data:view.isHomepage'/>
<!-- Hanya tampil pada kondisi Homepage -->
<b:elseif cond='data:view.isArchive'/>
<!-- Hanya tampil pada kondisi Archive -->
<b:elseif cond='data:view.isLabelSearch'/>
<!-- Hanya tampil pada kondisi Label -->
<b:elseif cond='data:view.search.query'/>
<!-- Hanya tampil pada kondisi Pencarian -->
<b:elseif cond='data:view.isError'/>
<!-- Hanya tampil pada kondisi Error -->
<b:elseif cond='data:view.isMultipleItems and data:blog.pageName == ""'/>
<!-- Hanya tampil pada kondisi MultipleItems yang kosong -->
<b:else/>
<!-- Tampil selain kondisi yang sudah tertera di atas -->
</b:if>Tabel Komplit Tag Kondisional Blogger (Semua Generasi)
Berikut adalah tabel perbandingan komplit yang memetakan evolusi tag kondisional Blogger dari masa ke masa agar Anda tidak salah pilih kode lagi.
1. Era Versi Modern (Terbaru & Sangat Direkomendasikan)
Gaya penulisan modern menggunakan objek data:view. Kode ini jauh lebih ringkas, fleksibel, dan wajib digunakan pada template-template modern saat ini.
| Tag Kondisional Modern | Fungsi / Target Halaman |
|---|---|
<b:if cond='data:view.isHomepage'> | Halaman Utama (Beranda) murni,tidak termasuk halaman ke-2,ke-3,dst. |
<b:if cond='data:view.isPost'> | Halaman Artikel (Postingan) tunggal secara keseluruhan. |
<b:if cond='data:view.isPage'> | Halaman Statis (seperti halaman About,Contact,Privacy Policy). |
<b:if cond='data:view.isSearch'> | Halaman Pencarian,mencakup pencarian kata kunci,label,dan indeks kosong. |
<b:if cond='data:view.isLabelSearch'> | Halaman Label / Kategori tertentu saja. |
<b:if cond='data:view.isArchive'> | Halaman Arsip bulanan atau tahunan blog. |
<b:if cond='data:view.isMultipleItems'> | Semua Halaman Indeks/List (Beranda,Label,Arsip,Hasil Pencarian yang menampilkan banyak artikel). |
<b:if cond='data:view.isSingleItem'> | Halaman Tunggal (Gabungan antara Halaman Artikel dan Halaman Statis). |
<b:if cond='data:view.isError'> | Halaman Eror 404 (Halaman yang muncul saat link rusak atau tidak ditemukan). |
<b:if cond='data:view.isPreview'> | Halaman Pratinjau (Preview) saat Anda sedang mengedit draf artikel/layout template. |
<b:if cond='data:view.url == "https://bloganda.com"'> | Menargetkan satu artikel tertentu. |
<b:if cond='data:view.search.label == "Gadget"'> | Menargetkan satu label spesifik (misal:label "Gadget"). |
<b:if cond='data:view.url == data:blog.homepageUrl path "<PATH DARI HALAMAN>"'> | Halaman URL Tertentu dengan path, Contoh penulisan: <b:if cond='data:view.url == data:blog.homepageUrl path "/p/contact.html"'>. |
<b:if cond='data:blog.isMobileRequest'> | Halaman Mobile, Semua yang memiliki parameter ?m=1. |
<b:if cond='!data:blog.isMobileRequest'> | Halaman Desktop, bukan Mobile. |
<b:if cond='data:view.isLayoutMode'> | Halaman Edit Layout di Dashboard. |
2. Era Transisi / Peradaban (data:blog)
Era ini muncul ketika Blogger memperbarui sistem XML mereka dari versi 1 ke versi 2. Menggunakan basis data data:blog.pageType atau data:blog.url. Kode ini masih berfungsi, tetapi sudah mulai ditinggalkan karena terlalu panjang.
| Tag Kondisional Transisi | Fungsi / Target Halaman |
|---|---|
<b:if cond='data:blog.url == data:blog.homepageUrl'> | Halaman Utama (Sama seperti data:view.isHomepage). |
<b:if cond='data:blog.pageType == "item"'> | Halaman Artikel (Sama seperti data:view.isPost). |
<b:if cond='data:blog.pageType == "static_page"'> | Halaman Statis (Sama seperti data:view.isPage). |
<b:if cond='data:blog.pageType in ["item", "static_page"]'> | Halaman Item (Post dan Page) (Sama seperti data:view.isSingleItem). |
<b:if cond='data:blog.pageType == "index"'> | Halaman Indeks (Sama seperti data:view.isMultipleItems). |
<b:if cond='data:blog.pageType == "error_page"'> | Halaman Eror 404 (Sama seperti data:view.isError). |
<b:if cond='data:blog.searchLabel'> | Halaman Kategori/Label (Sama seperti data:view.isLabelSearch). |
3. Era Versi Lama / Klasik (Sudah Usang)
Ini adalah teknologi XML Blogger generasi pertama (Layouts versi 1). Tag ini sudah tidak didukung pada template modern saat ini dan akan menyebabkan eror jika dipaksakan masuk ke template bertipe Blogger v3 atau Sohor/Contempo/Emporio.
| Tag Kondisional Klasik | Fungsi / Target Halaman | Status Saat Ini |
|---|---|---|
<b:if cond='data:blog.pageType == "archive"> | Halaman Arsip | Usang,diganti data:view.isArchive |
<b:if cond='data:view.isMobile'> | Halaman Seluler/HP | (Sistem responsif modern kini menggunakan CSS Media Queries,bukan tag kondisional) |
<b:if cond='data:blog.isMobileRequest'> | Deteksi Kunjungan HP | Dihapus |
Trik Advanced: Menargetkan Halaman yang Sangat Spesifik
Selain mendeteksi jenis halaman secara umum, versi modern data:view juga memungkinkan Anda membidik target URL atau parameter tertentu secara super presisi:
1. Menargetkan Satu Artikel Tertentu Saja
Gunakan perintah ini jika ingin memunculkan elemen (misalnya script iklan khusus) hanya pada satu artikel spesifik:
<b:if cond='SYARAT_HALAMAN'>
<!-- Muncul jika syarat terpenuhi -->
<b:else/>
<!-- Muncul jika syarat TIDAK terpenuhi -->
</b:if>2. Menargetkan Satu Label Spesifik
Cocok untuk mengubah latar belakang blog atau memunculkan widget khusus saat pengunjung membuka kategori tertentu (misalnya kategori "Gadget"):
<b:if cond='data:view.search.label == "Gadget"'>
<!-- Widget khusus kategori Gadget -->
</b:if>3. Menggabungkan Dua Kondisi Logika (OR & AND)
Anda bisa menggunakan operator or (atau) serta and (dan). Gunakan tanda kurung (...) untuk mengelompokkan logika agar sistem Blogger tidak salah membaca perintah.
Contoh: Muncul di Halaman Utama ATAU di Halaman Pencarian Kosong murni:
<b:if cond='data:view.isHomepage or (data:view.isSearch and !data:view.search.query and !data:view.search.label)'>
<!-- Konten murni Beranda & /search kosong -->
</b:if>Deklarasi (NOT, OR, AND)
1. NOT
Jika kondisi bukan halaman yang dimaksud, cukup tambahkan tanda seru ! di awal tag kondisinya.
<b:if cond='!data:view.isHomepage'>
<!-- Konten tampil selain di Beranda (Home) -->
</b:if>2. OR
Dalam kondisi jika salah satunya benar, cukup tambahkan or di sela antara tag kondisinya.
<b:if cond='data:view.isHomepage or data:view.isPost or data:view.isPage'>
<!-- Konten tampil kondisi Home atau Post atau Page -->
</b:if>3. AND
Dalam kondisi jika sama-sama benar, cukup tambahkan and di sela antara tag kondisinya.
<b:if cond='!data:view.isPage and data:view.isMultipleItems'>
<!-- Konten tampil dalam kondisi bukan Page dan Multi -->
</b:if>Kesimpulan & Penutup
Menggunakan tag kondisional versi modern (data:view) adalah langkah terbaik untuk memastikan template blog Anda tetap ringan, bersih, dan ramah terhadap mesin pencari (SEO). Mulailah memeriksa kembali susunan kode HTML template Anda dan gantilah kode-kode usang peninggalan era klasik agar performa blog Anda semakin maksimal.
Bagikan artikel ini ke teman-teman blogger Anda yang hobi melakukan modifikasi template! Jika Anda memiliki pertanyaan atau kendala seputar penerapan kode di atas, jangan ragu untuk menghubungi Admin, cek di halaman contact. Selamat mencoba dan salam sukses untuk blog Anda!