11 Conditional Tag pada Blogger

11 conditional tag pada blogger - Kali ini Xceria akan membahas artikel mengenai berbagai tag kondisional yang ada di blogger. Jika Anda melihat template blog Anda, pasti akan banyak ditemukan conditional tag. Conditional tag ini diawali dengan kode <b:if cond='...'> dan diakhiri dengan kode </b:if>.

Blogger conditional tag merupakan kode yang terdapat pada blogger untuk menentukan kondisi dari kode yang ada di dalamnya, seperti widget atau suatu elemen, apakah kode ini ditampilkan atau tidak pada halaman tertentu.

Penggunaan tag ini paling sering kita lihat pada fungsi auto read more. Biasanya isi artikel pada halaman indeks (misalnya halaman depan, label, dan search) tidak dimunculkan semuanya atau hanya cuplikannya saja. Berbeda dengan halaman artikelnya yang menampilkan seluruh isi artikel. Untuk melakukan hal ini harus ditentukan terlebih dahulu kondisinya. Contoh penggunaan:

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/> --- muncul pada halaman posting
<b:else/> (jika bukan halaman posting, maka)
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/> --- muncul pada halaman statis
<b:else/> (jika bukan halaman posting dan bukan halaman statis, maka)
AUTO READ MORE SCRIPT --- muncul pada halaman indeks (selain halaman posting dan statis)

Contoh lainnya, misalnya pada widget recent post (artikel terkait). Widget ini tidak perlu ditampilkan pada halaman depan, karena pada halaman depan sudah dimunculkan artikel terakhir yang ditulis. Anda bisa menyembunyikan widget ini pada halaman depan juga dengan menggunakan tag kondisional.

Bagi seorang perancang template untuk blogspot sangat perlu mengetahui dan memahami berbagai tipe tag kondisional ini. Dengan tujuan supaya dapat meracik atau membuat template blog blogspot yang berkualitas dan sesuai dengan keinginan sang pembuat template.

11 Conditional Tag Blogger

Dibawah ini terdapat 11 jenis conditional tag pada blogger. Berikut daftar tag kondisional tersebut.

1. Conditional Tag untuk "Halaman Depan"

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

2. Halaman Posting dan Statis

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

3. Halaman Statis

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

4. Halaman Posting/Artikel

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

5. Halaman Indeks

Contohnya halaman depan, label, dan search.

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

6. Halaman Label

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

7. Halaman Search/Pencarian

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

8. Halaman Archive/Arsip

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

9. Posting Pertama

Untuk post pertama misalnya pada halaman depan, label, search, atau archive.

<b:if cond='data:post.isFirstPost'>
...
</b:if>

10. Halaman Error

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

11. Halaman/URL Tertentu

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

Multiple Condition

Untuk lebih dari satu kondisi, tambahkan kode <b:else/> seperti di bawah.

<b:if cond='data:blog.pageType == "item"'>
jika kondisi benar
<b:else/>
jika kondisi salah
</b:if>

Pengingkaran (Reverse Condition)

Kondisi pengingkaran merupakan kondisi dimana kode yang ada di dalamnya tidak tampil pada halaman yang tertulis pada tag kondisional, melainkan tampil pada semua halaman selain halaman yang tertulis pada tag kondisional.

Untuk kondisi pengingkaran cukup ubah kode == menjadi kode !=

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

Jika terjadi error coba ubah tanda " menjadi &quot;

Sekian artikel mengenai macam-macam conditional tag pada blogger, semoga artikel ini dapat bermanfaat bagi Anda.