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'&gt?;

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...