Go Blog Go

Tag Kondisional HTML Pertama

Posted by Go Blog Go Posted on 12:09 AM with No comments
Assalamu'alaikum Wr.Wb.

Tag Kondisional (Conditional Tag) adalah tag yang mempunyai fungsi menampilkan dan tidak menampilkan suatu objek (Widget, Warna, Halaman, Penundaan(preloader),dll.) dalam halaman tertentu di WebBlog. Tag KondisionalCondisional Tag ini hanya ditujukan untuk Flatform Blogspot saja.

Secara umum Conditional Tag diapit oleh Tag <b:if> dan ditutup Tag </b:if>,

sedangkan didalam tag tersebut memiliki Atribut Cond yang menunjukkan suatu kondisi keadaan suatu halaman saat Tag Kondisional digunakan. Seperti yang sudah dijelaskan diatas Mojang dan Bujang sedikit gambaran Conditional Tag, sebagai contoh yang paling umum :
Tag Kondisional Halaman Depan
Tag Kondisional Deskripsi
<b:if cond='data:blog.url = = data:blog.homepageUrl'>Atribut Objek</b:if> Jika Halaman Saat ini sama dengan URL(alamat) Halaman Depan, maka Atribut akan ditampilkan
Bukan hanya contoh seperti diatas, Mojang dan Bujang pun dapat menggunakan Tag Konsional ini kebalikan-nya :

Tag Kondisional Deskripsi
<b:if cond='data:blog.url ! = data:blog.homepageUrl'>Atribut Objek</b:if> Jika Halaman Saat ini tidak sama dengan URL(alamat) Halaman Depan, maka Atribut akan ditampilkan

Jadi Mojang dan Bujang hanya merubah sama atau tidak-nya saja yaitu atribut == menjadi !=. Dalam pelaksanaan-nya Tag Kondisional ini dilakukan dengan 2 cara, yaitu penerapan secara langsung ke Atribut Objek atau secara tidak langsung dengan memanfaatkan kemampuan CSS.
Pemakaian Tag Secara Langsung
Tag Kondisional Deskripsi
<b:if cond='data:blog.url = = data:blog.homepageUrl'>Atribut Objek</b:if> Jika Halaman Saat ini sama dengan URL(alamat) Halaman Depan, maka Atribut akan ditampilkan


Pemakaian Tag Secara Tidak Langsung
Tag Kondisional Deskripsi
<b:if cond='data:blog.url ! = data:blog.homepageUrl'><style type='text/css'>#Atribut Objek{display:none}</style></b:if> Jika Halaman Saat ini tidak sama dengan URL(alamat) Halaman Depan, maka #Atribut Objek tidak akan ditampilkan

Jadi Mojang dan Bujang dapat memilih cara-cara yang paling sesuai dan cocok dengan selera dalam pelaksanaan-nya.

Selain Tag Kondisional Halaman Muka berikut ini akan Saya Share juga Tag Kondisional Lain-nya :

Tag Kondisional Halaman Depan(Home Page)
<b:if cond='data:blog.url = = data:blog.homepageUrl'>Atribut Objek</b:if>
Tag Kondisional Halaman Item
<b:if cond='data:blog.pageType = = &quot;item&quot;'>Atribut Objek</b:if>
Tag Kondisional Halaman Arsip
<b:if cond='data:blog.pageType = = &quot;archive&quot;'>Atribut Objek</b:if>
Tag Kondisional Halaman Statis
<b:if cond='data:blog.pageType = = &quot;static_page&quot;'>Atribut Objek</b:if>
Tag Kondisional Halaman Indeks
<b:if cond='data:blog.pageType = = &quot;index&quot;'>Atribut Objek</b:if>
Tag Kondisional Halaman Label
<b:if cond='data:blog.searchLabel'>Atribut Objek</b:if>
Tag Kondisional Halaman Khusus
<b:if cond='data:blog.pageType = = &quot;URL Halaman Tertentu&quot;'>Atribut Objek</b:if>

Semoga membawa manfaat dan menambah ilmu pengetahuan buat Mojang dan Bujang. Go Blog Go...!!! Amiin

Wassalam,


Tag : ,

0 comments:

Post a Comment

Catatan :
1.Untuk menyisipkan Kode, gunakan Tag <i rel="code">Kode Anda Di-Sini...</i>
2.Untuk menyisipkan Kode Panjang, gunakan Tag <i rel="pre">Kode Anda Di-Sini...</i>
3.Untuk menyisipkan Kode Gambar, gunakan Tag <i rel="image">URL Gambar Anda Di-Sini...</i>
4.Untuk menyisipkan Catatan, gunakan Tag <b rel="quote">Catatan Anda Di-Sini...</i>

NB: Sebelum menyisipkan Kode, konversi terlebih dulu Kode-nya agar bisa tampil di Kolom Komentar

 
Powered by : Blogger
Copyright © 2011. Go Blog Go - All Rights Reserved
Template Created by Go Blog Go Published by Wong Wayang