Cara Pasang Conditional Tag di Blogger

auqriblog - Cara memasang tag kondisional di platform blogger versi terbaru. Fungsi tag kondisional ini sebenarnya ialah untuk menentukan script atau widget mana saja yang ingin ditampilkan di halaman tertentu.

Misalnya saja di blog auqri.blogspot.com ini, iklan yang ada di sidebar tidak muncul di halaman utama / beranda. Jadi iklan itu hanya muncul di halaman postingan dan indeks saja.

Contoh lain jika pengunjung tidak menemukan artikel yang dicari di blog auqri.blogspot.com, maka pengunjung akan diarahkan ke halaman tidak ditemukan / 404. 

Bahkan kamu juga bisa memasang tag kondisional ini di halaman yang lebih spesifik lagi, misalnya hanya di url tertentu widget atau script ditampilkan.

Cara Pasang Conditional Tag di Blogger

Beberapa waktu yang lalu conditional tag ini mengalami perubahan, terdapat beberapa update pada setiap conditional tag yang ada.

Namun apabila kamu masih ingin menggunakan versi yang lama juga tidak akan menjadi masalah, hanya saja untuk versi terbarunya saat ini lebih ringkas dibandingkan yang dulu. 

Berikut conditional tag di blogger versi terbaru dan versi lama:

1. Homepage (Halaman Utama / Beranda)

Hanya ditampilkan di halaman utama saja

<b:if cond='data:view.isHomepage'>

versi lama

<b:if cond='data:blog.url == data:blog.homepageUrl'>

Contoh URL:

• https://auqri.blogspot.com

2. Halaman Indeks

Halaman indeks terdiri atas homepage, pencarian, label, dan arsip.

<b:if cond='data:view.isMultipleItems'>

versi lama

<b:if cond='data:blog.pageType == "index"'>

Contoh URL:

• https://auqri.blogspot.com
• https://auqri.blogspot.com/search?q=query
• https://auqri.blogspot.com/search/label/Tutorial
• https://auqri.blogspot.com/2022

3. Halaman Item (Post dan Page)

<b:if cond='data:view.isSingleItem'>

versi lama

<b:if cond='data:blog.pageType in ["item", "static_page"]'>

Contoh URL:

• https://auqri.blogspot.com/2022/10/cara-pasang-conditional-tag-di-blogger.html
• https://auqri.blogspot.com/p/about.html

4. Halaman Post (Artikel)

<b:if cond='data:view.isPost'>

versi lama

<b:if cond='data:blog.pageType == "item"'>

Contoh URL:

• https://auqri.blogspot.com/2022/10/cara-pasang-conditional-tag-di-blogger.html

5. Halaman Page (Statis)

<b:if cond='data:view.isPage'>

versi lama

<b:if cond='data:blog.pageType == "static_page"'>

Contoh URL:

• https://auqri.blogspot.com/p/about.html

6. Halaman URL Tertentu

<b:if cond='data:view.url == data:blog.homepageUrl path "<PATH DARI HALAMAN>"'>

Contoh penulisan:

<b:if cond='data:view.url == data:blog.homepageUrl path "/p/about.html"'>

7. Halaman Label

<b:if cond='data:view.isLabelSearch'>

versi lama

<b:if cond='data:blog.searchLabel'>

Contoh URL:

• https://auqri.blogspot.com/search/label/Tutorial

8. Halaman Pencarian

<b:if cond='data:view.isSearch'>

versi lama

<b:if cond='data:view.isSearch and !data:view.isLabelSearch'>
<b:if cond='data:blog.searchQuery'>

Contoh URL:

• https://auqri.blogspot.com/search?q=query

9. Halaman Arsip

<b:if cond='data:view.isArchive'>

versi lama

<b:if cond='data:blog.pageType == "archive"'>

Contoh URL:

• https://auqri.blogspot.com/2020
• https://auqri.blogspot.com/2020/10

10. Halaman Error (Tidak ditemukan / 404)

<b:if cond='data:view.isError'>

versi lama

<b:if cond='data:blog.pageType == "error_page"'>

Contoh URL:

• https://auqri.blogspot.com/404

11. Halaman Mobile (Smartphone / Ponsel)

<b:if cond='data:blog.isMobileRequest'>

Contoh URL:

• https://auqri.blogspot.com?m=1

12. Halaman Preview (Pratinjau)

<b:if cond='data:view.isPreview'>

13. Halaman Edit Layout di dashboard

<b:if cond='data:view.isLayoutMode'>

***

Pada tag kondisional diatas widget hanya akan tampil berdasarkan kondisi yang diterapkan, lalu bagaimana jika kita tidak ingin menampilkan widget atau script tertentu di halaman tertentu?

Jika kamu tidak ingin menampilkan widget tertentu, kamu bisa menambahkan deklarasi pada tag kondisional yang diterapkan. 

Penerapannya kamu bisa menambahkan deklarasi pada tag kondisional sendiri, atau menambahkan kondisional pada widget yang sudah ada. 

Deklarasi NOT, AND, OR

1. NOT

Pada deklarasi ini widget atau script tidak akan ditampilkan pada kondisi yang diterapkan, kamu hanya perlu menambahkan tanda seru ! sebelum kondisi diterapkan.

Contoh versi baru:

<b:if cond='!data:view.isPost'>

versi lama

<b:if cond='data:blog.pageType != "item"'>

2. AND

Pada deklarasi ini widget akan ditampilkan di beberapa kondisi, misalnya saja kamu ingin menampilkan sidebar dihalaman utama dan halaman indek (homepage, item, statis, label, dan arsip). 

Contoh versi baru:

<b:if cond='data:view.isHomepage and data:view.isMultipleItems'>

versi lama

<b:if cond='data:blog.pageType in ["homepage", "item"]'>

Pada deklarasi ini kamu juga bisa mengkolaborasi deklarasi NOT dan AND dalam satu kondisi yang sama. 

Misalnya kamu ingin menerapkan 2 kondisi dalam 1 widget, kondisi pertama widget tidak ditampilkan dan kondisi kedua widget ditampilkan di halaman tertentu.

Pada kondisi pertama kamu tambahkan deklarasi NOT dan kondisi kedua tidak ditambahkan serta dipisahkan dengan deklarasi AND,

Contoh penerapan tag kondisionalnya:

<b:if cond='!data:view.isHomepage and data:view.isMultipleItems'>

3. OR

Pada deklarasi ini widget akan ditampilkan jika kondisi salah satunya benar, contohnya saja feed artikel blog, di halaman indeks feed hanya menampilkan judul postingan dan deskripsi saja, akan tetapi dihalaman item feed menampilkan keseluruhan isi artikel. 

Contoh versi baru:

<b:if cond='data:view.isPost or data:view.isMultipleItems'>

***

Gimana, mudah banget kan buat dipahami. Demikianlah cara pasang beberapa conditional tag di blogger untuk versi terbaru dan versi lamanya. Semoga bermanfaat.