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 ?
Menyisipkan kondisi di html cukup mudah, gunakanlah Tag kondisional blogger. Tag kondisional blogger disini berperan penting dalam penampilan logika di dalam tag html, tag ini juga sering digunakan di dunia blogging, terutama untuk pembuat template blogger. Penulisan dari tag kondisional juga cukup mudah, hanya seperti menyisipkan attribut biasa di dalam tag html.
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)
Menampilkan data di halaman utama saja.
Url muncul tag : https://www.wahyuachmad.com/
// Versi Terbaru ✅
<b:if cond='data:view.isHomepage'>
// Versi Lama ❌
<b:if cond='data:blog.url == data:blog.homepageUrl'>
2. Tag Kondisional Halaman Index
Menampilkan data di halaman index saja atau halaman yang mudah ditemukan oleh homepage, contohnya, halaman label, halaman archive dan halaman search.
// Versi Terbaru ✅
<b:if cond='data:view.isMultipleItems'>
// Versi Lama ❌
<b:if cond='data:blog.pageType == "index"'>
3. Tag Kondisional Halaman Item
Menampilkan data di halaman item. Halaman item merupakan halaman yang akan selalu berakhiran dengan pada nama berkas.
// 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
Menampilkan data hanya di dalam halaman post saja.
Url muncul tag : https://www.wahyuachmad.com/2021/10/ubah-game-dinosaurus-menjadi-karakter-anime.html
// 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.
Url muncul tag : https://www.wahyuachmad.com/p/about.html
// Versi Terbaru ✅
<b:if cond='data:view.isPage'>
// Versi Lama ❌
<b:if cond='data:blog.pageType == "static_page"'>
6. Tag Kondisional Halaman Label
Menampilkan data di halaman label saja
Url muncul tag : https://www.wahyuachmad.com/search/label/info
// 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
Url muncul tag : https://www.wahyuachmad.com/search?q=Tri
// 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 ada
Tag 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 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>
Baca Juga : Menampilkan dan Menyembunyikan Widget Blog pada Halaman Tertentu
Mungkin itu sedikit ulasan tentang tag kondisional blogger jika ada yang ditanyakan bisa komen dibawah, sekian dan terima kasih.
sumber: dewaplokis.com
Posting Komentar
Posting Komentar