Belajar HTML : Tag Kondisional Blogger (Pengertian, Fungsi, dan Cara Penggunaannya)
Tag Kondisional Blogger Terbaru - New Blogger Conditional Tags.
Selamat datang para blogger, di pembahasan kali ini kita akan membahas tentang HTML, Jika di postingan lalu kita sudah membahas perbedaan Background, color dan fill nah di pertemuan ini kita akan membahas tag kondisional, kita coba pahami dari pengertiannya dulu ya..
Pengertian
Tag kondisional atau conditional tags merupakan bahasa pemrograman HTML yang berfungsi sebagai pemberi perintah untuk memunculkan CSS, Javascript, HTML, dan widget sesuai dengan tag kondisional yang di gunakan.
Sebagai contoh, anda hanya ingin menampilkan sidebar di halaman post, jadi anda bisa menggunakan tag kondisional halaman post agar sidebar nya tidak tampil di halaman lain selain halaman post.
Tag kondisional atau conditional tags ini biasanya berbentuk seperti <b:if cond='...'> dan di akhiri dengan kode </b:if> selain itu juga bisa digabung dengan beberapa kondisi seperti NOT (Tidak ingin di tampilkan), OR (Beberapa pilihan yang memiliki fungsi sama), AND (Penggabungan dari beberapa halaman), Untuk lebih lengkapnya mari kita bahas.
Kumpulan Kondisional Tag Blogger Terbaru
Dibawah ini sudah saya paparkan beberapa tag kondisional terbaru dan terupdate beserta contohnya.
Tag Kondisional Homepage (Halaman Utama)
Hanya halaman utama atau halaman depan blog saja.<b:if cond='data:view.isHomepage'>
Tag Kondisional Halaman Indeks
Mencakup halaman indeks atau multiple post seperti homepage, pencarian, label, dan arsip.<b:if cond='data:view.isMultipleItems'>
Contoh URL:
https://www.idscorpion.my.id
https://www.idscorpion.my.id/search?q=query
https://www.idscorpion.my.id/search/label/Html
https://www.idscorpion.my.id/search?label=Html
https://www.idscorpion.my.id/2020
...dan lain-lain
Tag Kondisional Halaman Item (Post dan Page)
Halaman posting dan statis.<b:if cond='data:view.isSingleItem'>
Contoh URL:
https://www.idscorpion.my.id/2017/12/tag-kondisional-blogger-terbaru.html
https://www.idscorpion.my.id/p/about.html
Tag Kondisional Halaman Post
<b:if cond='data:view.isPost'>
Contoh URL:
https://www.idscorpion.my.id/2017/12/tag-kondisional-blogger-terbaru.html
Tag Kondisional Halaman Page (Statis)
<b:if cond='data:view.isPage'>
Contoh URL:
https://www.idscorpion.my.id/p/about.html
Tag Kondisional Halaman Label
<b:if cond='data:view.isLabelSearch'>
Contoh URL:
https://www.idscorpion.my.id/search/label/Blogger
https://www.idscorpion.my.id/search?label=Blogger
Tag Kondisional Halaman Pencarian
Hanya halaman pencarian berdasarkan query.<b:if cond='data:view.isSearch and !data:view.isLabelSearch'>
Contoh URL:
https://www.idscorpion.my.id/search?q=query
Termasuk halaman pencarian label (semua yang mengandung kata "search" di URL)
<b:if cond='data:view.isSearch'>
Contoh URL:
https://www.idscorpion.my.id/search?q=query
https://www.idscorpion.my.id/search/label/Blogger
https://www.idscorpion.my.id/search?label=Blogger
Tag Kondisional Halaman Arsip
<b:if cond='data:view.isArchive'>
Contoh URL:
https://www.idscorpion.my.id/2020
https://www.idscorpion.my.id/2020/04
https://www.idscorpion.my.id/2020_04_14_archive.html
Tag Kondisional Halaman Error 404 (Page Not Found)
<b:if cond='data:view.isError'>
Contoh URL:
https://www.idscorpion.my.id/404.html
Tag Kondisional Halaman Mobile
Semua yang memiliki parameter ?m=1.<b:if cond='data:blog.isMobileRequest'>
Contoh URL:
https://www.idscorpion.my.id?m=1
Tag Kondisional Halaman Pratinjau (Preview)
<b:if cond='data:view.isPreview'>
Tag Kondisional Halaman URL Tertentu
<b:if cond='data:view.url == "<URL POST ATAU PAGE>"'>
Tag Kondisional Halaman Edit Layout di Dashboard
<b:if cond='data:view.isLayoutMode'>
3 Kode Untuk Mempermudah Penggunaan Tag Kondisional Blogger
Gunakan 3 kode ini untuk mempermudah anda dalam melakukan edit HTML
1. NOT
Kondisi jika bukan halaman yang dimaksud. Atau halaman yang tidak ingin anda tampilkan widget. Tambahkan tanda seru !<b:if cond='!data:view.isPost'>
2. AND
Kondisi jika keduanya benar. Atau penggabungan antara beberapa halaman, misalnya anda ingin menggabungkan halaman homepage dan post. Tambahkan and.<b:if cond='!data:view.isPost and data:view.isMultipleItems'>?;
3. OR
Kondisi jika salah satunya benar, atau halaman yang memiliki fungsi sama. Tambahkan or.<b:if cond='data:view.isPost or data:view.isMultipleItems'>
Bagaimana sudah mulai sedikit paham kan tentang HTML?, Maka dari itu ikuti terus tutorial dari blog idscorpion agar anda bisa paham sedikit coding, mulai dari CSS, HTML hingga Javascript.
Mungkin next kita akan bahas tentang Tag Kondisional pada AMP HTML, Pengguna AMP siap siap tunggu artikelnya ya...
Terima kasih kak atas informasinya. Sangat bermanfaat sekali untuk pengembangan blog saya
BalasHapusSama sama. kak
BalasHapus