Belajar Tag Kondisional Dasar

Yap mungkin sebagian orang sudah banyak yang tahu tentang tag kondisional ini, tapi kemungkinan pasti ada yang belum tahu tentang Tag kondisional. yap secara singkat nya, arti tag kondisional adalah tag yang digunakan untuk mengatur elemen-elemen di mana akan ditampilkan, atau dimana akan disembunyikan.

Sebagai contoh, Sahabat bisa lihat Iklan golok saya, kalau di Home page tidak muncul, kalau di postingan muncul. Nah disini kita belajar sama-sama, karena saya juga masih harus banyak belajar, karena masih bingung dikit,. hehe

Yap Langsung aja kita belajar bareng dari postingan sumber, yaitu Kang Ismet

Tag Kondisional Halaman Muka (Homepage)

Halaman muka atau homepage adalah alamat blog kita, contoh : http://sahabat-renz.blogspot.com
tag kondisionalnya adalah

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

secara sederhana, artinya ISI KODE akan ditampilkan apabila di Halaman Muka.  Atau kadang kadang ditulis dengan kebalikan kode tersebut seperti ini:

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

kode diatas beda dengan kode sebelumnya, perbedaannya terletak pada tanda == dan !=. Maka arti kode diatas adalah ISI KODE akan ditampilkan kecuali pada Halaman Muka. 
Yang harus diingat bahwa tanda == artinya sama dengan != artinya kecuali.
Penerapan kode tersebut sama pada tag kondisonal yang lainnya di bawah ini.

Tag Kondisional Halaman Item (Postingan)

Contoh halaman statis : http://sahabat-renz.blogspot.com/2014/01/software-jahil-keren.html 

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

Tag Kondisional Halaman Statis

Contoh halaman statis : http://sahabat-renz.blogspot.com/p/contact-us.html

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

Tag Kondisional Halaman Indeks

Halaman indeks semua jenis halaman selain halaman postingan

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

Tag Kondisional Halaman Label

Contoh halaman label : http://sahabat-renz.blogspot.com/search/label/Belajar

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

Tag Kondisional Halaman Tertentu

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

Tag Kondisional Error Page 404

Contoh halaman arsip : http://sahabat-renz.blogspot.com/404.html Error Page adalah halaman yang tidak ditemukan

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

Tag Kondisional Halaman Arsip

Contoh halaman arsip : http://sahabat-renz.blogspot.com/2014_1_11_archive.html

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

Contoh Penggunaan Tag Kondisional

Nah contoh Penggunaan seperti yang saya katakan tadi, Sahabat bisa lihat iklan golok punya saya, hehe

Contoh 1

iklan saya menggunakan index  pertama saya bikin widget lalu kode widget di ambil, setelah itu masuk ke edit Html dan simpan kode dibawah ini setelah kode </b:skin> atau  </style>

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
Kode Widget (ex: #Html1 , Html2) 

</b:if>

Contoh 2 (saya ambil contoh dari sumber)

Untuk contoh 2 ini memang agak sedikit rumit, sedikitnya Anda harus memahami kode CSS pada Template Blogger. Contoh layout blog saya pada halaman utama dan halaman posting

Dalam kode CSS template anda kurang lebih akan menemukan kode seperti ini:

#content{width:640px} artinya lebar konten 640px
#lsidebar{width:210px} artinya lebar lsidebar 210px
#rsidebar{width:300px} artinya lebar rsidebar 300px

maka Tag kondisional yang dibutuhkan kira-kira seperti dibawah, dan disimpan setelah ]]></b:skin>

<style type='text/css'>  
<b:if cond='data:blog.pageType != &quot;item&quot;'>
#content{width:410px}
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
#rsidebar{display:none}
</b:if>
</style>

Kode di atas apabila dibaca dengan bahasa sederhana maka artinya seperti ini:

<style type='text/css'>
pengaturan tampilan
<b:if cond='data:blog.pageType != &quot;item&quot;'>
apabila selain halaman postingan maka
#content{width:410px}
lebar konten 410px
</b:if>
tutup tag kondisional
<b:if cond='data:blog.pageType == &quot;item&quot;'>
apabila pada halaman postingan maka
#rsidebar{display:none}
rsidebar tidak ditampilkan
</b:if>
tutup tag kondisional 
</style>
tutup tag tampilan

sumber: http://blog.kangismet.net

Yap contoh Tag Kondisional diatas adalah contoh sederhana, mari kita kembangkan lagi, untuk kreativitas masing-masing,. hehe

Yap semoga bermanfaat