Blogger Conditional Tag

Blogger Conditional Tag merupakan suatu tag yang terdapat pada template blogger. Dinamakan Conditional Tag karena memiliki fungsi untuk mengkondisikan suatu elemen / widget tampil di halaman tertentu, sehingga dengan adanya Blogger Conditional Tag akan membuat sebuah template blogspot bisa menjadi lebih flexibel.

Blogger Conditional Tag Syntax

Syntax atau kode dasar dari sebuah blogger conditional tag adalah sebagai berikut :

<b:if cond='CONDITIONAL TAG'>
  ..............
</b:if>

<!-- atau -->

<b:if cond='CONDITIONAL TAG'>
  ..............
<b:else/>
  ..............
</b:if>

Daftar Blogger Conditional Tag

Berikut beberapa daftar blogger conditional tag seputar yang saya ketahui.

1. Halaman Utama / Home Page

<b:if cond='data:blog.pageUrl == data:blog.homepageUrl'>
  <!-- Semua elemen yang ditulis disini, hanya akan tampil di halaman home -->
</b:if>

2. Halaman Index ( Halaman Utama, Label, dan Arsip )

<b:if cond='data:blog.pageType == "index"'>
  <!-- Semua elemen yang ditulis disini, hanya akan tampil di halaman home, arsip, dan label -->
</b:if>

3. Halaman Posting / Artikel

<b:if cond='data:blog.pageType == "item"'>
  <!-- Semua elemen yang ditulis disini, hanya akan tampil di halaman posting -->
</b:if>

4. Halaman Statis

<b:if cond='data:blog.pageType == "static_page"'>
  <!-- Semua elemen yang ditulis disini, hanya akan tampil di halaman statis -->
</b:if>

5. Halaman Posting & Statis

<b:if cond='data:blog.url == data:post.url'>
  <!-- Semua elemen yang ditulis disini, hanya akan tampil di halaman posting & statis -->
</b:if>

6. Halaman Arsip

<b:if cond='data:blog.pageType == "archive"'>
  <!-- Semua elemen yang ditulis disini, hanya akan tampil di halaman arsip -->
</b:if>

7. Halaman Label

<b:if cond='data:blog.searchLabel'>
  <!-- Semua elemen yang ditulis disini, hanya akan tampil di halaman label -->
</b:if>

8. Halaman Tertentu Berdasarkan Url

<b:if cond='data:blog.url == "ALAMAT URL"'>
  <!-- Semua elemen yang ditulis disini, hanya akan tampil di halaman tertentu berdasarkan url diatas -->
</b:if>

Contoh Penggunaan Blogger Conditional Tag

Contoh berikut, akan menampilkan tulisan “Hello World” hanya di halaman utama saja.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <p>Hello World</p>
</b:if>

Kesimpulan

Blogger conditional tag memberikan kemudahan bagi para blogger template developer untuk bisa menciptakan suatu template yang flexible. Salah satu contohnya, bisa kita lihat pada template blogger yang bertemakan magazine. Selain itu, dengan adanya conditional tag ini, kita sebagai pengguna juga akan menjadi lebih mudah dalam mengatur serta menyesuaikan tampilan halaman blog sesuai dengan kebutuhan.