Agung Design Blogging SEO Fungsi Tag Kondisional Blogger dan Cara Penerapannya

Fungsi Tag Kondisional Blogger dan Cara Penerapannya

Minggu, Januari 08, 2017 - oleh
Tag Kondisional atau Conditional Tag adalah sebuah tag HTML yang berisi perintah tertentu yang bisasanya terdapat pada blogger atau blogspot yang fungsinya yaitu menempatkan suatu komponen, baik itu css, html ataupun widget blogger pada halaman tertentu, sesuai yang kita inginkan. Biasanya tag kondisional ini akan kita temukan di halaman HTML editor template blogger.

Dengan ini, jika kita ingin sebuah widget atau komponen tertentu (css, html, javascript) tampil di halaman yang kita inginkan, kita bisa menggunakan fungsi tag kondisional ini.

Dengan Tag Kondisional ini kita juga dapat mempercepat loading blog kita. Karena dengan fungsi ini kita bisa menyembunyikan widget atau css yang tidak dibutuhkan dalam sebuah halaman, dengan cara memisahkannya dan diletakkan di halaman tertentu dengan menggunakan fungsi ini.

Meskipun tidak banyak mengurangi beban loading blog, namun setidaknya dengan fungsi ini struktur blog kita menjadi lebih rapi.

Beberapa fungsi tag Kondisional Dibawah ini merupakan updatetan terbaru setelah blogger memperbarui struktur kode nya.

Bentuk Tag Kondisional Blogger


Untuk bentuk tag kondisional ini biasanya diawali dengan <b:if cond='...'> dan diakhiri dengan </b:if>.

<b:if cond='KONDISI'>
  ...OBJEK...
</b:if>

Contoh Penerapan Tag Kondisional Blogger


Contoh 1: Misalnya kita hanya ingin menampilakan widget di homepage saja. Jadi widget itu hanya terlihat di homepage saja, dihalaman lain tidak akan terlihat.

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

Contoh 2: Misalnya kita tidak ingin menampilkan widget di homepage, tapi widget itu dapat terlihat dihalaman lainnya.

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

Beberapa Fungsi Tag Kondisional Blogger


Berikut ini beberapa Fungsi Tag Kondisional Blogger yang saya rangkum dari beberapa kode template blog yang saya ketahui:

1. Tag Kondisional Untuk Menampilkan Objek Hanya di Homepage

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

2. Tag Kondisional Untuk Menampilkan Objek di Index (Homepage)

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

3. Tag Kondisional Untuk Menampilkan Objek di Halaman Postingan Blog

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

4. Tag Kondisional Untuk Menampilkan Objek di Halaman Postingan Tertentu

<b:if cond='data:blog.url == "POST_URL"'>
  ...OBJEK...
</b:if>

<b:if cond='data:blog.postId == "POST_ID"'>
  ...OBJEK...
</b:if>
Untuk Mengetahui POST_ID, kalian bisa lihat ini: Cara Mengetahui Blog ID, Post ID, dan Page ID pada Blogger.
Baru-baru ini blogger mengupdate codenya, jadi untuk versi lama sudah tidak work!. Sumber

5. Tag Kondisional Untuk Menampilkan Objek di Halaman Statis Blog

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

6. Tag Kondisional Untuk Menampilkan Objek di Halaman Statis Tertentu

<b:if cond='data:blog.url == "PAGE_URL"'>
  ...OBJEK...
</b:if>

<b:if cond='data:blog.pageId == "PAGE_ID"'>
  ...OBJEK...
</b:if>
Untuk Mengetahui PAGE_ID, kalian bisa lihat ini: Cara Mengetahui Blog ID, Post ID, dan Page ID pada Blogger.
Versi lama sudah tidak work!

7. Tag Kondisional Untuk Menampilkan Objek di Halaman Archive

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

8. Tag Kondisional Untuk Menampilkan Objek di Halaman Error (Error 404)

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

9. Tag Kondisional Untuk Menampilkan Objek di Halaman Kategory (Label)

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

10. Tag Kondisional Untuk Menampilkan Objek di Halaman Label Tertentu

<b:if cond='data:blog.searchLabel == "NAMA_LABEL"'>
  ...OBJEK...
</b:if>

11. Tag Kondisional Untuk Menampilkan Objek di Halaman Hasil Pencarian

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

12. Tag Kondisional Untuk Menampilkan Objek di Halaman Hasil Pencarian Tertentu

<b:if cond='data:blog.searchQuery == "KATA_KUNCI_TERTENTU"'>
  ...OBJEK...
</b:if>

Demikian sedikit ulasan tentang tag kondisional pada blogger yang saya rangkum yang umumnya diterapkan pada template-template blogger sekarang ini. Jika ada yang menemukan kesulitan dalam tag kondisional ini silahkan bertanya pada kolom komentar dibawah.

Comments

Disqus Comments