Daftar Lengkap Conditional Tag Blogger Modern

23.36

Blogger template modern (versi XML terbaru) menggunakan data:view untuk menampilkan kondisi tertentu di halaman. Berikut adalah daftar lengkap dan deskripsi setiap kondisi yang dapat digunakan.

Kondisi Deskripsi
data:view.isHomepage Halaman beranda / front page
data:view.isPost Postingan tunggal
data:view.isPage Halaman statis
data:view.isSingleItem Post atau halaman statis (gabungan `isPost
data:view.isArchive Halaman arsip (label, tanggal, dsb)
data:view.isLabelSearch Halaman label (misal: /search/label/Tutorial)
data:view.isSearch Hasil pencarian (/search?q=...)
data:view.isError Halaman error (biasanya 404)
data:view.url URL halaman saat ini
data:view.title Judul halaman saat ini
data:view.searchLabel Nama label yang sedang dilihat
data:view.searchQuery Kata kunci pencarian (query)
data:view.locale Locale pengguna (misalnya: en, id)
data:view.blogId ID blog
data:view.postId ID postingan (hanya jika di halaman post)
data:view.pageId ID halaman statis (jika di halaman page)
data:view.canonicalUrl URL kanonis halaman ini
data:view.featuredImage Gambar utama postingan (jika ada)
data:view.postAuthor Nama penulis (jika di post)
data:view.postTimestamp Waktu postingan diterbitkan
data:view.feedLinks Data feed (untuk RSS, JSON feed, dsb)
data:view.isMultipleItems Halaman yang menampilkan banyak entri (homepage, label, search, dsb)

Contoh Penggunaan data:view


1. Tampilkan meta tag hanya di halaman postingan:

<b:if cond='data:view.isPost'>
  <meta property="og:type" content="article"/>
</b:if>

2. Tampilkan sesuatu hanya di homepage:

<b:if cond='data:view.isHomepage'>
  <div class="hero-section">Selamat datang di homepage!</div>
</b:if>

3. Tampilkan custom pesan untuk halaman label "Tutorial":

<b:if cond='data:view.isLabelSearch and data:view.searchLabel == "Tutorial"'>
  <div>Ini adalah halaman label: Tutorial</div>
</b:if>

4. Sembunyikan elemen di halaman pencarian:

<b:if cond='not data:view.isSearch'>
  <div class="widget-area">Widget ini tidak tampil di hasil pencarian</div>
</b:if>

5. Cek URL tertentu:

<b:if cond='data:view.url == "https://namablogmu.blogspot.com/p/about.html"'>
  <script>console.log("Ini halaman About")</script>
</b:if>

Tips Penggunaan data:view:

  • Gunakan and, or, not untuk logika kompleks:

    <b:if cond='data:view.isPost and not data:view.isLabelSearch'>
    
  • Gunakan <b:elseif cond='...'/> dan <b:else/> untuk kondisi bercabang.