Apa Pengertian Tag Kondisional (Conditional Tag)?

Sebelum mempelajari conditional tag atau tag kondisional mari kita sepakati dulu bahwa semua bagian dalam sebuah halaman blog terdiri dari kumpulan gadget/widget termasuk halaman artikel, sidebar, header, footer dan lain sebagainya. Conditional Tag atau tag kondisional adalah tag yang digunakan untuk mengatur suatu gadget/widget atau suatu elemen tertentu untuk ditampilkan atau tidak ditampilkan dalam halaman spesifik. Misal; pada halaman utama kita ingin menampilkan sidebar tetapi ketika pengunjung membuka halaman artikel maka sidebar tersebut tidak ditampilkan. Nah, untuk mengatur sidebar tersebut tampil dan tidak tampil maka digunakanlah Conditional Tag.

Menampilkan dan menyembunyikan sidebar maupun widget di halaman tertentu blog menjadi alternatif yang paling pas buat sobat yang memiliki banyak widget di blog-nya. Karena jika terlalu banyak widget akan mengurangi kecepatan loading dari blog kita. Akibatnya selain blog jadi berat, pengunjung juga akan merasa sedikit bosan dengan lama waktu yang dibutuhkan untuk memuat blog kita.

Secara umum conditional tag dituliskan seperti berikut:

<b:if cond='[KONDISI]'>
...
</b:if>

Ya, saya rasa sobat sudah paham tag kondisional. Sekarang tips yang kita bahas kali ini bagaimana mengatur semua widget yang ada di blog agar tidak terlihat menumpuk alias bejibun, lebih-lebih di halaman utama. Menurut para master blogger, teknik ini juga sangat berguna untuk optimasi blog.

Di sini yang perlu kita lakukan hanya mengetahui kode HTML widget yang ingin ditampilkan atau disembunyikan, kemudian menambahkan tag kondisi atau kode pengaturnya.

Berikut beberapa kumpulan tag kondisional.
1. Menampilkan widget hanya di Homepage.
Caranya: letakkan kode widget di antara kode berikut ini:

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

2. Menyembunyikan widget dari Homepage.
Caranya: letakkan kode widget di antara kode berikut ini:

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

3. Menampilkan widget hanya di halaman Static Page.
Caranya: letakkan kode widget di antara kode berikut ini:

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

4. Menyembunyikan widget dari halaman Static Page.
Caranya: letakkan kode widget di antara kode berikut ini:

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

5. Menampilkan widget hanya di URL tertentu.
Caranya: letakkan kode widget di antara kode berikut ini:

<b:if cond='data:blog.url == "URL sobat di sini"'>
...
</b:if>

6. Menyembunyikan widget dari URL tertentu.
Caranya: letakkan kode widget di antara kode berikut ini:

<b:if cond='data:blog.url != "URL sobat di sini"'>
...
</b:if>

7. Menampilkan widget hanya di halaman Posting.
Caranya: letakkan kode widget di antara kode berikut ini:

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

8. Menampilkan widget hanya di halaman Archive.
Caranya: letakkan kode widget di antara kode berikut:

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

Cara penerapannya.

Cari kode HTML widget di template (gunakan Ctrl+F untuk memudahkan). Kemudian masukkan kode tag kondisional di antara widget tersebut. Di sini saya menggunakan kode Nomer 7 agar widget tampil di halaman posting saja, maka hasilnya seperti ini:

<b:widget id='HTML5' locked='false' title='Find us on Facebook' 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 != &quot;&quot;'>
<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>

Jika sudah, jangan lupa simpan perubahan template sobat. Sekian dulu ya sobat untuk artikel kali ini, semoga bisa membantu. Jika masih kurang jelas, silahkan kunjungi link referensi di bawah!.

Referensi: http://modification-blog.blogspot.com/2010/09/memahami-conditional-tag.html.