List Tag Kondisional Blogger Terbaru untuk Pemula. Apa itu Tag Kondisional Blogger? Tag Kondisional Blogger (Conditional Tags) adalah sebuah bahasa pemprograman HTML yang terdapat di blogger yang berfungsi untuk memuat dan memunculkan widget dari blogger. Sesuai namanya tag ini hampir sama dengan if else di javascript, php atau bahasa lainnya.
Cara Kerja Tag Kondisional Blogger sangat mudah. Contoh, Kita ingin menampilkan widget Popular Post hanya di Halaman Depan (Homepage) blog, pasti anda sempat berfikir, jika menggunakan javascript sebagai logika untuk menampilkan widget blogger pasti akan membuat berat blog, kemudian jika menggunakan php blogger tidak support php, Nah jadi bingungkan bagaimana cara menyisipkan kondisi di tag html blogger ?
Cara membaca tag kondisional blogger juga mudah dipahami, Bahasa tag kondisional blogger seperti Bahasa sehari – hari.
Contohnya <b:if cond='data:view.isHomepage'> dibaca Jika (if) data (data) terlihat (view) di Halaman Utama (isHomepage) maka data akan di munculkan.
Tag Kondisional Blogger Terbaru dan Fungsinya
Seiring berjalannya waktu tag kondisional blogger semakin di perbaharui menjadi lebih simple, jadi berikut adalah tag kondisional terbaru, cara penulisannya dan penggunaannya dengan benar.
1. Tag Kondisional Halaman Utama (Homepage)
// Versi Terbaru ✅
<b:if cond='data:view.isHomepage'>
// Versi Lama ❌
<b:if cond='data:blog.url == data:blog.homepageUrl'>2. Tag Kondisional Halaman Index
// Versi Terbaru ✅
<b:if cond='data:view.isMultipleItems'>
// Versi Lama ❌
<b:if cond='data:blog.pageType == "index"'>3. Tag Kondisional Halaman Item
// Versi Terbaru ✅
<b:if cond='data:view.isSingleItem'>
// Versi Lama ❌
<b:if cond='data:blog.pageType in ["item", "static_page"]'>4. Tag Kondisional Halaman Posting
// Versi Terbaru ✅
<b:if cond='data:view.isPost'>
// Versi Lama ❌
<b:if cond='data:blog.pageType == "item"'>5. Tag Kondisional Halaman Statis
Menampilkan data di halaman statis saja. Biasanya halaman ini sering digunakan untuk membuat about, privacy policy, sitemap, contact us dll.// Versi Terbaru ✅
<b:if cond='data:view.isPage'>
// Versi Lama ❌
<b:if cond='data:blog.pageType == "static_page"'>6. Tag Kondisional Halaman Label
// Versi Terbaru ✅
<b:if cond='data:view.isLabelSearch'>
// Versi Lama ❌
<b:if cond='data:blog.searchLabel'>7. Tag Kondisional Label Tertentu
Menampilkan data di jenis label tertentu.// Versi Terbaru ✅
<b:if cond='data:view.search.label == "Suatu-Label"'></b:if>
// Versi Lama ❌
<b:if cond='data:blog.searchLabel == "Suatu-Label"'></b:if>8. Tag Kondisional Halaman Pencarian
Menampilkan data di halaman pencarian// Versi Terbaru ✅
<!-- 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'>9. Tag Kondisional Halaman Arsip
Menampilkan data di halaman arsip saja.// Versi Terbaru ✅
<b:if cond='data:view.isArchive'>
// Versi Lama ❌
<b:if cond='data:blog.pageType == "archive"'>10. Tag Kondisional Halaman Error 404 Page Not Found
Menampilkan data di halaman error page 404 saja. Halaman ini berfungsi jika permintaan atau request pengguna tidak terpenuhi maka akan menuju halaman ini.// Versi Terbaru ✅
<b:if cond='data:view.isError'>
// Versi Lama ❌
<b:if cond='data:blog.pageType == "error_page"'>11. Tag Kondisional Halaman Preview
Tag ini tergolong baru, jadi sebelumnya tidak ada. Tag ini berfungsi menampilkan data di halaman preview atau pratinjau di editor blogger.// Versi Terbaru ✅
<b:if cond='data:view.isPreview'>
// Versi Lama ❌
Belum adaTag Kondisional di luar kondisi (Pengecualian)
Pada tag kondisional tag di atas akan menampilkan sesuai dengan kondisinya. Tetapi anda juga bisa menggunakan kondisi di atas sebagai pengecualian. Caranya yaitu mengganti tanda == (Setara) menjadi != (Tidak setara) Contohnya :
<b:if cond='data:blog.pageType != "index"'></b:if> Cara membacanya yaitu Jika data type pagenya tidak sama dengan index. Jadi tag di atas kan berada diluar halaman index. Jadi bisa saja muncul di halaman posting, statis atau lainnya selain halaman index.
Untuk penulisan versi terbaru dari tag di atas yaitu cukup menggunakan ! atau not. Penulisannya sebagai berikut.
<b:if cond='!data:view.isMultipleItems'></b:if>
// atau
<b:if cond='not data:view.isMultipleItems'></b:if>Menggabungkan dua kondisi menjadi satu dalam tag kondisional
Untuk penggabungan tag kondisional blogger cukuplah mudah yaitu anda bisa menggunakan or atau and. Tag or memiliki fungsi jika salah satu fungsi benar maka akan ditampilkan, sedangkan and jika kondisi salah satu salah maka tidak akan di tampilkan.
<b:if cond='data:blog.pageType != "item" or data:blog.pageType != "static_page"'> ... content ... </b:if>Menggabungkan Banyak url pada Halaman Tag Tertentu
<b:if cond='data:view.url in {"Url halaman A","Url halaman B","Url halaman seterusnya"}'> ... content ... </b:if>Pada tanda koma(,) dan and, ini memiliki arti penggunaan dari dua atau lebih kondisi benar maka akan ditampilkan, sedangkan jika tidak benar maka tidak akan ditampilkan.
Jika Kondisi Tidak Benar Tampilkan yang Lain
Jadi jika hasil kondisi tidak benar atau salah maka akan dialihkan ke else atau tampilan lain, kondisi ini menggunakan tag <b:else/>.
Contoh penulisannya yaitu.
<b:if cond='data:blog.pageType == "item"'> 1 <b:else/> 2 </b:if>Cara membacanya, jika type page blognya sama dengan item maka akan tampil 1 sedangkan jika tidak maka akan tampil 2.
Tag Kondisional Khusus di Mobile
Menampilkan tag khusus di mobile atau perangkat smartphone. Biasanya bisa mendeteksi mobile tidaknya yaitu dengan melihat url di address bar jika ada ?m=1 berarti itu mobile. Untuk penulisannya sebagai berikut.
// Versi Terbaru ✅
<b:if cond='data:mobile'>
// Versi Lama ❌
<b:if cond='data:blog.isMobileRequest'></b:if>Mungkin itu sedikit ulasan tentang tag kondisional blogger jika ada yang ditanyakan bisa komen dibawah, sekian dan terima kasih.