Tag Kondisional Lengkap Dan Cara Menggunakannya

Tag Kondisional Lengkap Dan Cara Menggunakannya - Mungkin Saya telat baru mempelajari tag kondisional tingkat lanjut ini tapi gak apa apa yang penting kan belajar :D dan prinsip blog ini adalah saya baru akan memposting artikel jika saya telah memahami dan pernah menerapkannya pada blog saya atau blog saya yang lain , Setelah Saya Vakum ngeblog selama satu tahun akhirnya saya bisa menyegarkan dengan tampilan baru labeltutorialcom ini dan tentunya tahun baru, tampilan baru ,dan postingan baru.

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 == "item"'>
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 == "static_page"'>
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 == "archive"'>
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 == "index"'>
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 == "Panduan Blog"'>
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 == "URL HALAMAN"'>
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 == "Panduan Blog"'>
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 == "error_page"'>
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 != "error_page"'>
Objek ini tidak ditampilkan dan tidak terbaca browser
</b:if>
<b:if cond='data:blog.pageType == "error_page"'>
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

Nah Itu dia pembahasan Tag Kondisional Lengkap Dan Cara Menggunakannya versi labeltutorialcom , mudah mudahan bisa bermanfaatnya sobat , jika ada pertanyaan bisa melalui form komentar dibawah dan selamat berkarya #HappyBlogging Salam Labeltutorial.com

Tutorial lainnya untuk Tag Kondisional dan Cara Menggunakannya :

- Membuat Halaman Home, Posting , Statis Berbeda dengan Tag Kondisonal - Publish !
-.Menyembunyikan dan Menampilkan Widget tertentu dengan Tag Kondisional - Publish!

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