Conditional Tag Blogspot

Conditional Tag Blogspot pasti sering di gunakan oleh para blogger yang sering memodifikasi template blogspotnya. Conditional Tag Blogger adalah cara dimana membuat tampilan yang berbeda pada homepage  atau pada postingan blogspot. Misalnya pernah sobat temukan saat blogwalking atau tidak sengaja masuk ke blog orang via google, dalam postingannya terdengar backsound atau background musik. Tapi pada saat sobat masuk ke halaman utamanya musik tidak terdengar lagi. Kemungkinan empunya blog tersebut memasang tag conditional pada script backsoundnya. Bingung ? Sama  . Oke biar gak tambah bingung berikut ini beberapa conditional tag blogspot :

Syntax Conditional Tag

Secara umum conditional tag dituliskan seperti dibawah ini:

<b:if cond='[KONDISI]'>
...
</b:if>

Conditional tag 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 digunakan sebagai subjek suatu kondisi, dan [KONDISI] adalah atribut objek atau yang menjelaskan maksud dari kondisi/condition.

Kumpulan Conditional Tag

Dibawah ini kumpulan kondisional tag yang umum digunakan untuk menyesuaikan halaman spesifik.

1. Halaman Index

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

Contidional tag ini digunakan untuk mengecek/membandingkan kondisi halaman blog dengan halaman index. Halaman index (index page) didalamnya termasuk halaman depan (homepage), halaman label/kategori dan halaman arsip. Jika sobat baca maka conditional tag diatas kurang lebih berbunyi "jika kondisi 'halaman blog sama dengan index' maka kode yang ada diantara conditional tag akan ditampilkan".

2. Halaman Artikel (item)

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

Contidional tag ini digunakan untuk mengecek/membandingkan kondisi halaman blog dengan halaman item. Halaman item (item page)adalah halaman artikel per artikel dan bukan keseluruhan kumpulan artikel. Jika sobat baca maka conditional tag diatas kurang lebih berbunyi "jika kondisi 'halaman blog sama dengan halaman artikel (item)' maka kode yang ada diantara conditional tag akan ditampilkan". Biasanya halaman artikel (item) menggunakan URL yang terkandung hurup bulan, tahun, dan judul artikel diantaranya, misal; http://namablog.blogspot.com/2010/09/judul_artikel.html.

3. Halaman Statis (static)

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

Contidional tag ini digunakan untuk mengecek/membandingkan kondisi halaman blog dengan halaman statis. Halaman statis (static page) adalah halaman lain artikel atau halaman yang berdiri sendiri dan isinya tidak mengambil dari database artikel. Jika sobat baca maka conditional tag diatas kurang lebih berbunyi "jika kondisi 'halaman blog sama dengan halaman statis' maka kode yang ada diantara conditional tag akan ditampilkan". Biasanya halaman statis menggunakan URL yang terkandung hurup "p" diantaranya, misal; http://namablog.blogspot.com/p/halaman_statis.html.

4. Halaman Arsip (archive)

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

Contidional tag ini digunakan untuk mengecek/membandingkan kondisi halaman blog dengan halaman arsip. Halaman arsip (archive page) adalah halaman yang menampilkan sekumpulan artikel yang diambil database blog. Jika sobat baca maka conditional tag diatas kurang lebih berbunyi "jika kondisi 'halaman blog sama dengan halaman arsip' maka kode yang ada diantara conditional tag akan ditampilkan". Biasanya halaman arsip menggunakan URL yang terkandung bulan dan tahun diantaranya, misal; http://namablog.blogspot.com/2010_01_01_archive.html.

5. 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 digunakan untuk mengecek/membandingkan kondisi halaman blog dengan URL halaman depan. Jika sobat baca maka conditional tag diatas kurang lebih berbunyi "jika kondisi 'halaman blog sama dengan URL halaman depan' maka kode yang ada diantara conditional tag akan ditampilkan". Biasanya halaman depan merupakan halaman utama dari blog sobat dan URL yang digunakan adalah URL utama blog sobat, misal; http://namablog.blogspot.com/.

6. Halaman URL Tertentu

<b:if cond='data:blog.url == "[URL]"'>
...
</b:if>

Contidional tag ini digunakan untuk mengecek/membandingkan kondisi URL halaman blog. Jika sobat baca maka conditional tag diatas kurang lebih berbunyi "jika kondisi 'URL halaman blog sama dengan URL halaman blog (yang sobat maksud atau sobat masukan dalam [URL]' maka kode yang ada diantara conditional tag akan ditampilkan". Conditional tag ini digunakan jika sobat ingin mengatur suatu gadget/widget atau elemen yang hanya akan ditampilkan atau tidak ditampilkan pada halaman yang lebih spesifik (artikel tertentu). misal; sobat akan menampilkan banner iklan di-sidebar hanya pada halaman blogroll (kumpulan link teman). Maka penggunaan conditional tag-nya seperti dibawah ini:

<b:if cond='data:blog.url == "http://namablog.blogspot.com/2010/09/blogroll.html"'>
[disini kode gadget atau elemen yang akan ditampilkan]
</b:if>

7. Halaman 404 Not Found

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

Conditional tag ini digunakan untuk mengecek/membandingkan kondisi URL 404 Not Found atau tidak tersedianya suatu halaman. Contidional tag ini digunakan untuk mengecek/membandingkan kondisi URL halaman blog. Jika sobat baca maka conditional tag diatas kurang lebih berbunyi "jika kondisi 'URL halaman blog tidak tersedia (error_page), maka kode yang ada diantara conditional tag akan ditampilkan". Conditional tag ini biasanya digunakan saat 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.

8. Meta Description

<b:if cond='data:blog.metaDescription != &quot;&quot;'>
...
</b:if>

Conditional tag ini sebenarnya tidak tampak pada browser tapi sangat bermanfaat seiring perubahan kebijakan mesin pencari yang menghapuskan meta keyword. Conditional tag ini digunakan untuk mengecek/membandingkan kondisi data blog, jika deskripsi meta blog tidak kosong (artinya memiliki meta description) maka yang ada diantara tag akan ditampilkan.


Nah dari ke delapan conditional tag di atas sobat coba ambil yang pertama yaitu bagaimana hanya menampilkan suatu content hanya pada home page atau halaman utama blogspot. Sebagai contoh kita hanya ingin menampilkan backsound maka kodenya  :

<b:if cond='data:blog.pageType == data:blog.homepageUrl'>
Script Embed Musik Di sini
</b:if>  

Letakkan kodenyanya di dalam Template dalam posisi yang kamu inginkan seperti header, footer atau body, Ingat ! Bukan di dalam widget html/javascript ! .

Lalu bagaimana jika ingin menampilkan musik di semua halaman kecuali home page ? berikut ini kodenya :.

<b:if cond='data:blog.pageType != data:blog.homepageUrl'>
Script Embed Musik Di sini
</b:if>  

Apa perbedaanya, Lihat tsobat bold merah di atas perbedaannya hanya merubah kode (sama dengan) = yang pertama dengan (tsobat seru) ! .

Begitu juga dengan tag lainnya, lakukan hal yang sama untuk menampilkan sebuah content di semua halaman kecuali di halaman yang di maksud.

Oke, Jika ada yang salah atau ada yang kurang mohon di tambahkan dengan meniggalkan komen di bawah  . Semoga dapet di mengerti dan selamat berkreasi

Source : Gabungan dari http://modification-blog.blogspot.com dan http://p-cbn.blogspot.com

Anda sedang membaca artikel tentang Conditional Tag Blogspot dan anda bisa menemukan artikel Conditional Tag Blogspot ini dengan url http://share-tuts.blogspot.com/2012/11/conditional-tag-blogspot.html. Anda boleh menyebarluaskan atau mengcopy artikel Conditional Tag Blogspot ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya.

Ingin mempromosikan Blog, Produk, Bisnis, Jualan atau lainnya ? Sobat bisa memasangnya diBlog ini. Tunggu apa lagi mumpung masih ada slot untuk sobat. Silahkan hubungi ane dengan meng-Klik Disini

Related Posts :