Blogger Conditional Tags dan Cara Penggunaannya

Sebagai developer template blogger ataupun senang mengutak-atik template, Anda harus tahu tentang conditional tags pada blogger. Dengan menggunakan conditional tags, Anda dapat menentukan bagian dari template Anda ke tempat tertentu dalam kondisi tertentu. 

Contoh : Menggunakan conditional tags, Anda dapat menyembunyikan/menampilkan suatu konten pada post/halaman/label/sidebar tertentu, dll.

Blogger Conditional Tags

1. Penggunaan Conditional Tags

Pertama Anda perlu tahu bagaimana menggunakannya. Lihat contoh di bawah :

<b:if cond='ADD_CONDITION_HERE'>
ADD CONTENT HERE
</b:if>

Sintaks conditional tags dimulai dengan tag  < b: if >  dan atribut  cond  dan harus ditutup dengan tag penutup  < /b: if > .

2. Daftar Semua Conditional Tags Blogger

Di bawah ini saya telah medaftar semua conditional tags untuk blogger. Baru-baru ini blogger meirilis conditional tags baru untuk label tertentu, saya juga sudah menambahkannya.

1. Homepage

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

2. Post/Article Pages

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

3. Index Page
   Index page termasuk Homepage, label pages, search pages, dan archive pages.
   

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

4. Static Pages
   Static page artinya halaman yang kita buat menggunakan blogger page section.
   

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

5. Post dan Static Pages

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

6. Label dan Search Pages

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

7. Specific Label
   GantiPUT_LABEL_NAME_HERE dengan nama label Anda.
   

   <b:if cond='data:post.labels any (l => l.name == "PUT_LABEL_NAME_HERE")'>
   ADD CONTENT HERE
   </b:if>

8. Archive Pages

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

9. Specific page/URL
   Ganti PUT_URL_HERE dangan url post/page/label dll.
   

   <b:if cond='data:blog.url == "PUT_URL_HERE"'>
   ADD CONTENT HERE
   </b:if>

10. 404 Error Page

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

11. First Post
    Ini bukan untuk tipe halaman. Ini digunakan untuk menargetkan posting di halaman multi-posting seperti (index, archive, label, search query).

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

Penerapan Conditional Tags

Untuk menerapkan conditional tags ke konten, Anda harus menaruh konten Anda diantara pembuka < b:if cond.. > dan penutup< /b:if >.

<b:if cond='data:blog.pageType == "item"'> 
CONTENT (TO BE EXECUTED IF CONDITION IS TRUE)
</b:if>

Contoh diatas artinya bahwa konten akan muncul hanya pada post pages.

Penerapan Multiple Conditional Tags

Dengan menaruh tag < b:else/ >, Anda dapat menambahkan multiple condition. Ini berarti bahwa jika kondisi pertama tidak bekerja akan meng-execute kondisi kedua kesemua halaman.

<b:if cond='data:blog.pageType == "item"'>
Content-1 EXECUTE IF TRUE
<b:else/>
Content-2 EXECUTE IF FALSE
</b:if>

Contoh diatas artinnya bahwa meng-execute konten pertama di post page. Jika bukan post page lalu akan meng-excute konten kedua.

Penerapan Pembalik Conditional Tags 

Jika Anda ingin membalikan sebuah conditional tags, Anda dapat melakukannya dengan mengganti operator perbandingan dari == (sama dengan) menjadi != (tidak sama dengan).

<b:if cond='data:blog.pageType != "item"'> 
CONTENT (TO BE EXECUTED IF CONDITION IS TRUE)
</b:if>

Dalam contoh diatas, konten akan muncul di semua halaman kecuali post page. Ingat bahwa Anda tidak dapat menerapkan metode ini untuk Label-Search and First Post conditionals.

That's it. Jika ada salah kata maupun penulisan mohon dikoreksi dikomentar. Terima kasih.