Tag Kondisional Blogger Terbaru untuk Mengatur Tampilan Widget Blog

Romeltea | Follow @romel_tea
Daftar lengkap Tag Kondisional Blogger terbaru untuk mengatur tampilan widget blog tampil hanya di halaman tertentu.

Tag Kondisional

Tag kondisional atau tag bersyarat (conditional tags) yaitu kode HTML untuk mengatur tampilan elemen tertentu di halaman blog.

Misalnya, widget Posting Terbaru hanya muncul di halaman dalam atau halaman artikel yang dibuka (single post/single page). Di halaman depan (homepage) mah tidak muncul, soalnya 'kan recent posts di blog biasanya sudah ada.

Tag kondisional ini juga berfungsi mengatur tampilan kode CSS, HTML, dan Javascript di dalam template blog, agar tampilan blog lebih cepat (fast loading).

Jenis-Jenis Halaman Di Blogger

Sebelumnya, kita pahami dulu jenis-jenis halaman di blog Blogger berikut ini:
  • Beranda (Home Page) adalah halaman depan blog atau halaman utama.
  • Halaman Statis (Static Page) yaitu halaman yang biasanya dibuat sekali dan jarang update. Misalnya halaman About, Kontak, Disclaimer, Sitemap. 
  • Halaman Postingan (Post Page) atau Halaman Artikel (Artcle Page) yaitu halaman tunggal yang berisi postingan/tulisan (Single Post).
  • Halaman Pencarian (Search Page) yaitu halaman yang terbuka berisi daftar postingan yang dicari di kolom pencarian (search box)
  • Halaman Label (Label Page) yaitu halaman yang berisi daftar postingan dengan Label atau kategori tertetu. Misalnya: Halaman Label Blogging.
Nah, tag kondisional ini berfungsi mengatur tampilan widget atau elemen blog di halaman mana saja munculnya.

Daftar Lengkap Tag Kondisional Blogger Terbaru 

Berikut ini kode tag kondisonal Blogger terbaru. Tag kondisional lama juga masih berlaku. Anda bebas menggunakan yang mana saja. 

1. Tag Kondisional Homepage (Halaman Depan)
<b:if cond='data:view.isHomepage'>
Versi Lama

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

2. Tag Kondisional Halaman Index (Hompage & Halaman Label)
<b:if cond='data:view.isMultipleItems'>
Versi Lama

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

3. Tag Kondisional Halaman Dalam (Post dan Page)

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

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


4. Tag Kondisional Halaman Posting (Halaman Artikel)
<b:if cond='data:view.isPost'>
Versi Lama

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

5. Tag Kondisional Halaman Statis (Static Page)
<b:if cond='data:view.isPage'>
Versi Lama

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

6. Tag Kondisional Halaman Label 
<b:if cond='data:view.isLabelSearch'>
Versi Lama

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

7. Tag Kondisional Halaman Pencarian 
<!-- 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'>

8. Halaman Arsip 

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

Versi Lama

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

9. Halaman Error 404 (Page Not Found)
<b:if cond='data:view.isError'>
Versi Lama

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

Itu dia daftar Tag Kondisional Blogger Terbaru. Namun, tag kondisonal versi lama masih berlaku, jadi tidak masalah 'gak diganti pun!

Deklarasi NOT, AND, OR 

Tag kondisional Blogger juga bisa menggunakan NOT, AND, atau OR.

1. NOT

Kondisi jika bukan halaman yang dimaksud. Tambahkan tanda seru (!). Kode berikut ini artinya "tidak tampil di halaman postingan".

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

2. AND

Kondisi jika keduanya benar. Tambahkan and. Kode ini artinya "tidak tampil di halaman postingan dan halaman statis".

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

3. OR

Kondisi jika salah satunya benar. Tambahkan or. Kode ini artinya "muncul di halaman postingan dan halaman indeks, halaman depan, juga halaman label dan hasil pencarian".

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

Contoh Penerapan Tag Kondisional

Berikut ini contog penerapannya di sidebar widget. Saya hanya menampilkan widget Posting Terbaru (Recent Posts) di halaman posting dan halaman statis. Saya gunakan kode tag kondisional Single Item, sebagai berikut:

Contoh Penerapan Tag Kondisional

Itu dia Daftar Lengkap Tag Kondisional Blogger Terbaru untuk Mengatur Tampilan dan contoh penggunaanya di blog. 

Sumber: Github

Previous
« Prev Post
Author Image

Romeltea
Romeltea adalah onair dan online name Asep Syamsul M. Romli aka Kang Romel. Blogger from Bandung, Jawa Barat, Indonesia. Follow me: facebook twitter instagram twitter youtube

Recommended Posts

No comments on Tag Kondisional Blogger Terbaru untuk Mengatur Tampilan Widget Blog

Post a Comment

No Spam, Please!

Contact Form

Name

Email *

Message *