Conditional Tag merupakan suatu tag yang terdapat pada template blogger. Dinamakan Conditional Tag sebab mempunyai fungsi untuk mengkondisikan suatu elemen / widget tampil di halaman tertentu, sehingga dengan adanya Blogger Conditional Tag akan menciptakan sebuah template blogspot sanggup menjadi lebih flexibel.
Beberapa Fungsi Conditional Tag :
- Menyembunyikan Sidebar pada halaman posting
- Menyembunyikan sidebar Pada home
- Meng-costum Template semoga beda setiap halaman
- Menyembunyikan elemen/ Gadget.
- Memuat Tapilan template berbeda setiap halaman blog
- Costum Halaman statis pada blog
Syntax Conditional Tag
Umumnya Syntax Kondisi Adalah Sebagai Berikut :<b:if cond='[KONDISI]'> ... </b:if>Selalu diawali dengan tag <b:if> dan di tutup dengan tag </b:if>. Kemudian tag <b:if diikuti dengan atribut cond. Atribut cond diartikan sebagai condition atau kondisi yang dipakai sebagai subjek suatu kondisi, dan [KONDISI] yaitu atribut objek atau yang menjelaskan maksud dari kondisi/condition.
Contoh Conditional Tag
Conditional Tag Halaman Index
<b:if cond='data:blog.pageType == "index"'>...</b:if>Contidional tag ini dipakai untuk mengecek/membandingkan kondisi halaman blog dengan halaman index. Halaman index didalamnya termasuk halaman depan (homepage), halaman label/kategori dan halaman arsip. Jika kita baca maka conditional tag diatas kurang lebih berbunyi "jika kondisi 'halaman blog sama dengan index' maka isyarat yang ada diantara conditional tag akan ditampilkan".
Conditional Tag Halaman Artikel (item)
<b:if cond='data:blog.pageType == "item"'>...</b:if>Contidional tag ini dipakai untuk mengecek/membandingkan kondisi halaman blog dengan halaman item. Halaman item (item page)adalah halaman artikel per artikel dan bukan keseluruhan kumpulan artikel. Jika kita baca maka conditional tag diatas kurang lebih berbunyi "jika kondisi 'halaman blog sama dengan halaman artikel (item)' maka isyarat yang ada diantara conditional tag akan ditampilkan". Biasanya halaman artikel (item) memakai URL yang terkandung hurup bulan, tahun, dan judul artikel diantaranya, misal; aciknadzirah.blogspot.com/search?q=judul_artikel.
Conditional Tag Halaman Statis (static)
<b:if cond='data:blog.pageType == "static_page"'>...</b:if>Contidional tag ini dipakai untuk mengecek/membandingkan kondisi halaman blog dengan halaman statis. Halaman statis (static page) yaitu halaman lain artikel atau halaman yang bangkit sendiri dan isinya tidak mengambil dari database artikel. Jika kita baca maka conditional tag diatas kurang lebih berbunyi "jika kondisi 'halaman blog sama dengan halaman statis' maka isyarat yang ada diantara conditional tag akan ditampilkan". Biasanya halaman statis memakai URL yang terkandung hurup "p" diantaranya, misal; http://bloggilabuanget.blogspot.com/p/halaman_statis.html.
Conditional Tag Halaman Arsip (archive)
<b:if cond='data:blog.pageType == "archive"'>...</b:if>Contidional tag ini dipakai untuk mengecek/membandingkan kondisi halaman blog dengan halaman arsip. Halaman arsip (archive page) yaitu halaman yang menampilkan sekumpulan artikel yang diambil database blog. Jika kita baca maka conditional tag diatas kurang lebih berbunyi "jika kondisi 'halaman blog sama dengan halaman arsip' maka isyarat yang ada diantara conditional tag akan ditampilkan". Biasanya halaman arsip memakai URL yang terkandung bulan dan tahun diantaranya, misal; http://namablog.blogspot.com/2014-12-01_archive.html.
Conditional Tag Halaman Depan (Homepage)
<b:if cond='data:blog.url == data:blog.homepageUrl'>...</b:if>atau :
<b:if cond='data:blog.homepageUrl == data:blog.url'>...</b:if>
Contidional tag ini dipakai untuk mengecek/membandingkan kondisi halaman blog dengan URL halaman depan. Jika kita baca maka conditional tag diatas kurang lebih berbunyi "jika kondisi 'halaman blog sama dengan URL halaman depan' maka isyarat yang ada diantara conditional tag akan ditampilkan". Biasanya halaman depan merupakan halaman utama dari blog kita dan URL yang dipakai yaitu URL utama blog kita, misal; http://namablog.blogspot.com/.
Conditional Tag Halaman URL Tertentu
<b:if cond='data:blog.url == "[URL]"'> ... </b:if>Contidional tag ini dipakai untuk mengecek/membandingkan kondisi URL halaman blog. Jika kita baca maka conditional tag diatas kurang lebih berbunyi "jika kondisi 'URL halaman blog sama dengan URL halaman blog (yang kita maksud atau kita masukan dalam [URL]' maka isyarat yang ada diantara conditional tag akan ditampilkan". Conditional tag ini dipakai kalau kita ingin mengatur suatu gadget/widget atau elemen yang hanya akan ditampilkan atau tidak ditampilkan pada halaman yang lebih spesifik (artikel tertentu). misal; kita akan menampilkan banner iklan di-sidebar hanya pada halaman blogroll (kumpulan link teman). Maka penggunaan conditional tag-nya menyerupai dibawah ini:
<b:if cond='data:blog.url == "aciknadzirah.blogspot.com/search?q=judul_artikel"'>
[disini isyarat gadget atau elemen yang akan ditampilkan]
</b:if>
Conditional Tag Halaman 404 Not Found
<b:if cond='data:blog.pageType == "error_page"'>
...
</b:if>
Conditional tag ini dipakai untuk mengecek/membandingkan kondisi URL 404 Not Found atau tidak tersedianya suatu halaman. Contidional tag ini dipakai untuk mengecek/membandingkan kondisi URL halaman blog. Jika kita baca maka conditional tag diatas kurang lebih berbunyi "jika kondisi 'URL halaman blog tidak tersedia (error_page), maka isyarat yang ada diantara conditional tag akan ditampilkan". Conditional tag ini biasanya dipakai ketika menjaga kemungkinan halaman yang dihapus namun masih terindex oleh mesin pencari. Ketika pengunjung membuka halaman tersebut maka pemberitahuan ketidaktersediaan halaman (404 Not Found) akan ditampilkan. Biasanya halaman ini disertai dengan link yang menuju ke halaman utama, halaman arsip atau about.
Conditional Tag Meta Description
<b:if cond='data:blog.metaDescription != ""'>
...
</b:if>
Conditional tag ini bahu-membahu tidak tampak pada broswer tapi sangat bermanfaat seiring perubahan kebijakan mesin pencari yang menghapuskan meta keyword. Conditional tag ini dipakai untuk mengecek/membandingkan kondisi data blog, kalau deskripsi meta blog tidak kosong (artinya mempunyai meta description) maka yang ada diantara tag akan ditampilkan.
Menggunakan Tag | Template Berbeda Tiap Halaman
Mungkin anda heran, mengapa tampilan blog ini berbeda setiap halamannya. Coba perhatikan halaman Tukar link, Home, dan halaman Kategori. Pada cuilan home ditampilkan sidebar kemudian pada cuilan halaman tidak ditampilkan. Nah Berikut Adalah Rahasia tersebut, Kita Akan memakai Tag Kondisi diatas untuk costum template atau menampilkan bentuk template berbeda setiap halamannya. Dengan ini kita akan sanggup menyembunyikan sebagaian sidebar / widget pada halaman tertentu yang kita inginkan. Berikut Penggunaanya:
-. Penggunaan Conditional Tag Satu Gadget atau Elemen
<b:if cond='data:blog.pageType == "item"'>Gadget atau Elemen yang terletak diantara conditional tag akan ditampilkan kalau hasil pengecekan/perbandingan dalam atribut cond (yaitu 'data:blog.pageType == "item"') yaitu benar (true). Atau lebih spesifiknya; kalau halaman blog yang sedang kita lihat/tampil pada alamat browser merupakan URL suatu item (misal; aciknadzirah.blogspot.com/search?q=judul_artikel) maka Gadget atau Elemen yang ada diantara tag kondisional akan ditampilkan kalau tidak maka Gadget atau Elemen tidak akan ditampilkan.
Gadget atau Elemen [akan ditampilkan kalau bernilai benar (true)]
</b:if>
- Penggunaan Conditional Tag Dua Gadget atau Elemen
<b:if cond='data:blog.pageType == "item"'>Gadget atau Elemen [akan ditampilkan kalau bernilai benar (true)]
<b:else/>
Gadget atau Elemen [akan ditampilkan kalau bernilai salah (false)]
</b:if>
Ini lebih rumit lagi... Hmmmm tarik napas dulu sambil putar kepala eh... otak...Misal; aku mempunyai dua buah "laptop" yang terdiri dari 2 merk, "merk A" dan "merk B", suatu hari aku diberi pesanan editing gambar yang mengharuskan aku memakai software "digital imaging" yang hanya terdapat pada laptop brand B, maka aku pun memakai laptop brand B dalam mengerjakan pesanan editing gambar tersebut. Jika aku tuliskan maka kodenya menjadi menyerupai dibawah ini:
<b:if cond='Laptop == "Digital Imaging"'>Laptop brand A tidak dipakai sebab ternyata hasil perbandingan cond tidak memungkinkan memakai laptop brand A (tidak ada software digital imaging) atau hasil pengecekan/perbandingan nilainya salah (false). Laptop brand B dipakai sebab hasil perbandingan/pengecekan cond bernilai salah (false). (Sebenarnya pola ini tidak begitu mengenai target tapi resah memperlihatkan contoh, ada ide?)Peranan tag <b:else/> dipakai sebagai alternatif kalau ternyata hasil perbandingan/pengecekan bernilai salah (false) dan kita ingin menampilkan suatu gadget atau elemen kalau kesudahannya bernilai salah (false). Tetapi kalau ternyata hasil perbandingan bernilai benar (true) maka gadget atau elemen sehabis tag <b:else> tidak akan ditampikan.
Merk A
<b:else/>
Merk B
</b:if>
- Penggunaan Conditional Tag Lebih dari Satu Kondisi dan Lebih dari Satu Gadget ataT Elemen
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "item"'>
Gadget atau Elemen [akan ditampilkan kalau bernilai benar (true)]
<b:else/>
Gadget atau Elemen [akan ditampilkan kalau bernilai salah (false)]
</b:if>
</b:if>
Memahami Operator Conditional Tag
Operator conditional tag merupakan alat khusus untuk membandingkan dua buah nilai. Operator conditional tag terdiri dari 2 jenis yaitu:Operator "sama dengan"
==atau dalam bahasa script-nya dibaca "is equal to"
Contoh Kasus 1
Seseorang memperlihatkan teka-teki untuk menebak isi telur dalam sebuah kotak, kalau aku menjawab benar maka aku diberi uang Rp. 10.000,- kalau aku menjawab salah aku tidak diberi uang. Sedangkan didalam kotak itu terdapat 10 telur, kemudian aku menjawab 10 telur. Maka conditional tag ditulis sebagai berikut:
<b:if cond='10 telur == 10 telur'>
Saya diberi uang Rp. 10.000,-
</b:if>
Jawabannya : maka aku diberi uang Rp. 10.000,-
Contoh Kasus 2
Seseorang memperlihatkan teka-teki untuk menebak isi telur dalam sebuah kotak, kalau aku menjawab benar maka aku diberi uang Rp. 10.000,- kalau aku menjawab salah maka aku harus membayar Rp. 10.000,- . Sedangkan didalam kotak itu terdapat 10 telur, kemudian aku menjawab 5 telur. Maka conditional tag ditulis sebagai berikut:
<b:if cond='10 telur == 10 telur'>
Saya diberi uang Rp. 10.000,-
<b:else/>
Saya membayar Rp. 10.000,-
</b:if>
Jawabannya : maka aku membayar Rp. 10.000,-
Operator "tidak sama dengan"
!=atau dalam bahasa script-nya dibaca "is not equal to"
Sumber Referensi :
1. aciknadzirah.blogspot.com/search?q=judul_artikel2. Sumber http://menofschool.blogspot.com