Tag Kondisional Blogger

Tag kondisional blogger berfungsi untuk menampilkan kondisi tertentu pada widget atau elemen lain di halaman yang kita inginkan.
Zoneamedia
Zoneamedia
Rabu, 07 Desember 2022
tag-kondisional
zoneamedia.blogspot.com

Tag Kondisional adalah salah satu fungsi penting dalam struktur template di Blogger. Fungsi ini digunakan untuk penyesuaian tertentu, biasanya digunakan untuk menampilkan widget atau elemen di tempat tertentu atau tidak muncul di halaman tertentu.

Seperti pada halaman utama blog misalnya kita ingin menampilkan sidebar, namun ketika pengunjung membuka halaman artikel, sidebar tidak ditampilkan. Nah untuk mengatur agar sidebar muncul dan tidak muncul maka digunakan Conditional Tag.

Tag Kondisional untuk Blogger dimulai dengan kode tag pembuka <b:if... dan diikuti oleh kondisi yang diinginkan dan disesuaikan dengan tepat. Di bawah ini adalah versi terbaru dari Blogger Conditional Tag yang dapat digunakan pada Template Blogger Anda.

Blogger Conditional Tags


Ini adalah Tag Conditional Blogger Terbaru yang dapat Anda tambahkan ke tema Anda untuk membungkus kode tertentu agar lebih mudah dipahami jika Anda ingin bermigrasi dan lengkap dengan contoh URL.

1. Homepage (Halaman Utama)


Tag Kondisional Blogger ini hanya akan muncul di halaman utama saja. Jika Anda ingin menampilkan fitur seperti widget apa pun atau bahkan seluruh sidebar, footer, atau bagian header hanya di beranda, cukup gunakan tag kondisional berikut.

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

Versi lama

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

Contoh URL:

  • https://zoneamedia.blogspot.com

2. Halaman Indeks


Tag Kondisional ini mencakup halaman indeks atau multiple (banyak posting) seperti beranda, pencarian, label, serta arsip.

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

Versi lama

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

Contoh URL:

  • https://zoneamedia.blogspot.com
  • https://zoneamedia.blogspot.com/search?q=query
  • https://zoneamedia.blogspot.com/search/label/Blogger
  • https://zoneamedia.blogspot.com/search?label=Blogger
  • https://zoneamedia.blogspot.com/2020 Dan lain sebagainya...

3. Halaman Item (Post and Page)


Kode ini digunakan untuk halaman posting dan statis.

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

Versi lama

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

Contoh URL:

  • https://zoneamedia.blogspot.com/2022/12/kumpulan-kode-tag-kondisional-blogger.html
  • https://zoneamedia.blogspot.com/p/about.html

4. Halaman Post (Artikel Tunggal)


Kode ini digunakan untuk menampilkan widget yang muncul di postingan artikel saja.

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

Versi lama

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

Contoh URL:

  • https://zoneamedia.blogspot.com/2022/12/kumpulan-kode-tag-kondisional-blogger.html

5. Halaman Page (Statis)


Kode ini digunakan untuk menampilkan widget yang muncul di halaman artikel saja.

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

Versi lama

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

Contoh URL:

  • https://zoneamedia.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://zoneamedia.blogspot.com/search/label/Blogger
  • https://zoneamedia.blogspot.com/search?label=Blogger

8. Halaman Pencarian


Hanya halaman pencarian berdasarkan query.

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

Contoh URL:

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

Ini juga termasuk halaman pencarian label atau semua yang mengandung kata "search" di URL.

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

Contoh URL:

  • https://zoneamedia.blogspot.com/search?q=query
  • https://zoneamedia.blogspot.com/search/label/Blogger
  • https://zoneamedia.blogspot.com/search?label=Blogger

Versi lama

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

9. Halaman Arsip


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

Versi lama

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

Contoh URL:

  • https://zoneamedia.blogspot.com/2022
  • https://zoneamedia.blogspot.com/2022/12
  • https://zoneamedia.blogspot.com/2022_12_02_archive.html

10. Halaman Error 404 (Page Not Found)


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

Versi lama

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

Contoh URL:

  • https://zoneamedia.blogspot.com/404.html

11. Halaman Mobile


Digunakan untuk semua yang memiliki parameter ?m=1.

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

Contoh URL:

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

12. Halaman Pratinjau (Preview)


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

13. Halaman Edit Layout di Dashboard


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

Deklarasi NOT, AND, OR


Selain itu, Kode Tag Kondisional Blogger juga bisa menggunakan NOT, AND, atau OR.

1. NOT


Kondisi dimana jika bukan halaman yang dimaksud. Tambahkan tanda seru !

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

2. AND


Kondisi jika keduanya benar. Tambahkan and.

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

3. OR


Kondisi jika salah satunya benar. Tambahkan or.

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

Kesimpulan


Fungsi tag kondisional yang baru dengan tag kondisional yang lama itu masih sama. Tetapi format penulisan kodenya saja yang berbeda. Jadi kalau template sobat masih pakai tag kondisional Blogger lama, jangan khawatir karena yang versi lama juga masih bisa digunakan. Tetapi agar terlihat lebih profesional dan up to date, tidak ada salahnya jika mengganti dengan tag kondisional Blogger yang versi terbaru.

Itulah beberapa Conditional Tags for Blogger Versi Terbaru yang bisa saya bagikan kali ini. Semoga artikel yang cukup singkat ini dapat berguna dan bermanfaat untuk anda semua. Terima kasih atas kunjungan anda.

Demikian postingan kali ini tentang Tag Kondisional Blogger Terbaru. Semoga artikel ini bermanfaat dan dapat membantu Anda. Yuk bagikan artikel ini untuk membantu teman-teman yang lain. Terima kasih!
Blogspot
LihatTutupKomentar