Mengenal Tag Kondisional dan cara membuatnya di blog

Pengertian Tag Kondisional

Tag Kondisional/Conditional Tag adalah tag yang digunakan untuk mengatur elemen-elemen tertentu agar tampil atau tidak tampil, berfungsi atau tidak berfungsi dalam halaman spesifik yang telah ditentukan. tag kondisional Berikut untuk platform blogspot.

Macam Tag Kondisional

Tag Kondisional Halaman Muka/Homepage

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

Tag ini untuk Halaman Depan pada blog yang tidak berindeks atau tidak bercabang contohnya

Contohnya : www.labeltutorial.com

Tag Kondisional Halaman Posting atau Item

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

Tag Ini untuk Halaman pada postingan sobat misalnya :

http://www.labeltutorial.com/2014/01/membuat-tombol-share-dibawah-posting.html

Tag Kondisional Halaman Statis

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

Tag Kondisional Ini untuk halaman Statis contohnya seperti URL ini :

http://www.labeltutorial.com/p/about-asepseptians.html


Tag Kondisional Halaman Arsip

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

Tag Ini untuk Halaman Arsip blog sobat contohnya seperti halaman ini :

http://www.labeltutorial.com/2013_12_25_archive.html

Tag Kondisional Halaman Indeks

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

Tag Ini digunakan selain (bukan) halaman Item , mirip dfungsinya untuk tag Homepag dan saya menggunakan tag ini untuk halaman berindeks saja seperti :

http://www.labeltutorial.com/search

Tag Kondisional Halaman Label

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

Tag Ini untuk Halaman Search label ,dulu saya gunakan untuk merubah tampilan halaman search label menjadi berbeda dengan halaman berindeks tapi malah jadi bentrok jadi saya samakan saja tampilan halaman berindeks dengan halaman search label

Contohnya : http://www.labeltutorial.com/search/label/Komputer

Tag Kondisional Halaman Label Tertentu

<b:if cond='data:blog.searchLabel == &quot;Panduan Blog&quot;'>
   Objek Untuk Search label panduan Blog
</b:if>

Tag ini biasanya digunakan untuk membuat halaman pada label tertentu berbeda bisa bersifat istimewa pada halaman search label terntentu

Tag Kondisional Halaman Tertentu

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

Tag Ini untuk biasanya digunakan untuk halaman posting yang bersifat istimewa dari halaman yang lain dan biasanya digunakan oleh Blogazine untuk membuat halaman posting berbeda dengan yang lainnya , jika menggunakan tag ini butuh tingkat kreatifitas yang unik (mungkin lain kali saya akan posting cara membuat halaman posting berbeda dengan yang lainnya dengan tag ini)

Tag Kondisional Halaman Pencarian

<b:if cond='data:blog.searchQuery == &quot;Panduan Blog&quot;'>
    Saya akan tampil di halaman pencarian yang memiliki kata kunci `Panduan Blog`
</b:if>

Tag Ini untuk mengatur tampilan pada halaman search dengan kata kunci tertentu , tapi saya anggap ini halaman berindeks dan saya tidak mengatur halaman ini karna saya menggunakan halaman manual dari google.

Contohnya :

http://www.labeltutorial.com/search?q=widget
http://www.labeltutorial.com/search?q=css

Tag Kondisional Halaman Kesalahan/Error Page

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

Tag Ini Digunakan Untuk Halaman Yang Error atau yang tidak ditemukan contohnya seperti ini :

http://www.labeltutorial.com/404

Cara Lainnya untuk Menggunakan tag Kondisional :

Cara lainnya menggunakan tag Kondisional dengan mudah adalah menggunakan <style> cara ini anda harus paham Kode HTML dan CSS pada Blog Anda

Contohnya Seperti :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
#CSS {width:60%;right:10px}
#HTML2 ,#HTML3 ,#FollowByEmail1,#HTML5 {display: none;}
.fixed-samping{display:none;}
</style>
</b:if>

atau

<style>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
#CSS {width:60%;right:10px}
#HTML2 ,#HTML3 ,#FollowByEmail1,#HTML5 {display: none;}
.fixed-samping{display:none;}
</b:if>
</style>

Info :

Kode Diatas biasanya di tempatkan di bawah </style> atau b:skin sobat dan kode diatas Untuk Mengatur Style pada Halaman Depan Dengan Tag Kondisional , dengan menggunakan cara ini anda bisa membuat halaman blogazine ( halaman posting berbeda dengan yang lainnya)

Catatan :  ( Cara ini bukan opsi kedua tapi cara selanjutnya (berarti bukan penerapan tag yang sebenarnya)

Tag Pengingkaran pada Kondisional

Ini Adalah Tag Dengan pengertian "Halaman Ini Tampil Selain di (Tag Pengingkaran yg disebutkan)"
Perbedaan nya hanya pada tanda ! pada Tag Kondisional , Perhatikan Kode berikut :

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

sebagai Contoh Kongkrit seperti ini :

<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
Objek ini tidak ditampilkan dan tidak terbaca browser
</b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
Objek pada halaman Ini Ditampillkan          
 </b:if>

Info :

Tag Penginkaran Ini Bisa sangat bermanfaat untuk Membuat Halaman Error 404 Agar Widget/Kode yang lain tidak Ikut terbaca pada Browser (nanti akan saya bahas dalam postingan yang berbeda) atau membuat widget hanya tampil di homepage dan di Halaman Posting tidak tampil

mudah mudahan bisa bermanfaatnya sobat , jika ada pertanyaan bisa melalui form komentar dibawah dan selamat berkarya


Have been written by : +Asep Septian
Source : http://www.dte.web.id/2011/08/tag-kondisional-tingkat-lanjut.html
Original Writer : +Taufik Nurrohman

Tweet