Tags Kondisional pada Blogger

Tags Kondisional pada Blogger

Kali ini saya akan membahas mengenai Conditional Tags atau Tags Kondisional pada Platform Blogger. Seperti kita ketahui, Blogger memiliki banyak sekali tag kondisional yang dapat mengatur sebuah objek. Secara sederhana, Tag Kondisional adalah tag yang dapat digunakan untuk menampilkan atau menyembunyikan elemen-elemen pada halaman yang telah ditentukan.

Sebagai contoh, mungkin biasanya ketika Anda berkunjung pada sebuah blog, terdapat sebuah widget pada halaman muka (homepage) blog tersebut. Namun, ketika Anda masuk pada halaman posting (postpage) widget tersebut menghilang. Nggak perlu panik. Karena widget tersebut hilang bukan karena disembunyikan oleh Jin. Tetapi, karena widget tersebut menggunakan Tag Kondisional Halaman Muka, yang berarti widget tersebut telah ditentukan untuk tampil pada halaman muka saja.

Berikut ini adalah macam-macam Tag Kondisional yang mungkin dapat Anda gunakan.

Tag Kondisional Halaman Muka (Homepage)

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

Tag Kondisional Pengecualian Untuk Halaman Muka

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

Jika diperhatikan, perbedaan dari kedua kode tersebut terletak pada tanda == dan !=

Arti Tag Kondisional yang menggunakan kode == adalah OBJEK akan ditampilkan hanya pada Halaman Muka. Sedangkan, arti Tag Kondisional yang menggunakan kode != adalah OBJEK akan ditampilkan pada semua halaman kecuali pada Halaman Muka. Jadi rumusnya adalah berikut ini.

== Artinya sama dengan/ditampilkan
!= Artinya kecuali/disembunyikan

Penerapan rumus tersebut berlaku pada semua Tag Kondisional di bawah ini.

Tag Kondisional Halaman Item (Postingan)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
OBJEK 
</b:if>

Tag Kondisional Halaman Statis

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
OBJEK
</b:if>

Tag Kondisional Halaman Arsip

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
OBJEK
</b:if>

Tag Kondisional Halaman Indeks

Halaman Indeks adalah semua jenis halaman kecuali halaman item/postingan.

<b:if cond='data:blog.pageType == &quot;index&quot;'>
OBJEK
</b:if>

Tag Kondisional Halaman Label

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

Tag Kondisional Halaman Label Tertentu

<b:if cond='data:blog.searchLabel == &quot;Liburan&quot;'>
OBJEK
</b:if>

Ganti Liburan dengan label yang Anda inginkan.

Tag Kondisional Halaman Error Page 404

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
OBJEK
</b:if>

Tag Kondisional Halaman Tertentu

<b:if cond='data:blog.url == &quot;URL HALAMAN&quot;'>
OBJEK
</b:if>

Tag Kondisional Halaman Tertentu Lebih dari Satu 

<b:if cond='data:blog.url in {&quot;URL Halaman-1&quot;,&quot;URL Halaman-2&quot;,&quot;URL Halaman-seterusnya&quot;}'>
OBJEK
</b:if>

Contoh Penggunaan Tag Kondisional

Untuk lebih memperjelas, saya akan memberikan contoh penggunaan tag kondisional. Pada contoh ini, saya akan menggunakan tag kondisional halaman item (postingan) untuk widget Recent posts. Sehingga kode Recent Posts akan menjadi seperti berikut.

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Baca Juga : Cara Memasang Recent Posts Widget di Blog

Ingat tag kondisional ini tidak hanya untuk membungkus widget. Namun, juga dapat membungkus elemen lain seperti CSS,HTML, dan kode lainnya yang ada di dalam template Anda. Penggunaan tag kondisional juga salah satu solusi untuk mengurangi waktu loading blog Anda.

Leave a Reply