Penggunaan Tag Kondisional Pada Blogspot

Penggunaan Tag Kondisional pada blogger sering kali diperlukan pada template blog untuk untuk menyembunyikan widget tertentu ataupun kode css atau html dengan alasan membuat ringan blog , khususnya bagi blogger yang suka mengedit template sendiri. Sebelumnya saya coba jelaskan secara singkat Apa Itu Tag kondisional.

Apa Itu Tag Kondisional di Blogger

Bagi sebagian blogger banyak yang sudah mengenal tag kondisional, mungkin bagi blogger pemula seperti saya akan sedikit bingung apa itu tag kondisional, jika kita masuk ke bagian template dan memilih edit HTML banyak dijumpai tag kondisional, cirinya di awali dengan Tag <b:if> dan ditutup Tag <b:if>.
Di bawah ini adalah contoh penerapan tag kondisional untuk menyembunyikan suatu objek/elemen pada halaman statis

<b:if cond='data:blog.pageType!="static_page"'>
ELEMEN(akan disembunyikan di halaman statis)
</b:if>
Dari contoh diatas dapat diterjemahkan:
1. TAG PEMBUKA Tag kondisional di awali dengan Tag <b:if>
2. ATRIBUT Pada setiap bagian <b:if> selalu di ikuti atribut cond, nah atribut inilah yang akan memberikan intruksi untuk menyatakan sebuah kondisi, Pada contoh diatas atributnya cond='data:blog.pageType!="static_page"'> yaitu memberi intruksi untuk menyembunyikan elemen pada halaman statis.
Lihat kode !="static_page" artinya menyembuntikan elemen di halaman statis, jika hanya ingin menampilkan pada halaman statis kodenya dirubah =="static_page"
3. ELEMEN pada contoh diatas adalah isi dari tag yang akan disebunyikan di halaman statis.
4. TAG PENUTUP Tag kondisional ditutup/diakhiri dengan tag <b:if>
Jadi Tag Kondisional adalah suatu tag yang digunakan untuk mengintruksikan elemen terntentu agar tampil atau tidak tampil, berfungsi atau tidak berfungsi pada suatu halaman yang ditentukan.

Jenis Tag Kondisional dan Penggunaannya Pada Blogger

Ada beberapa jenis tag kondisional yang memiliki fungsi yang berbeda pada widget blogger, namun seperti telah disinggung diatas yang membedakannya adalah pada bagian Atribut dan penggunaan kode perintah == dan != pada setiap atribut.
Rumusnya lihat dibawah ini:
== Artinya SAMA DENGAN / DITAMPILKAN
!= Artinya KECUALI / DISEMBUNYIKAN

Dibawah ini beberapa penggunaan tag kondisional pada widget blogger
1. Tag Kondisional Halaman Beranda/Homepage

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

Kode diatas artinya akan menampilkan isi kode/elemen pada halaman homepage
Untuk menyembunyikan isi kode/elemen pada halaman homepage tinggal kita ubah kode == menjadi != Seperti dibawah ini

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

2. Tag Kondisional Halaman Postingan

HTML<b:if cond='data:blog.pageType == "item"'>
ISI KODE/ELEMEN
</b:if>

3. Tag Kondisonal Halaman Statis

HTML<b:if cond='data:blog.pageType == "static_page"'>
ISI KODE
</b:if>

4. Tag Kondisonal Halaman Tertentu

HTML<b:if cond='data:blog.url == "URL halaman"'>
ISI KODE/HALAMAN
</b:if>

5. Tag Kondisional Halaman Arsip

HTML<b:if cond='data:blog.pageType == "archive"'>
ISI KODE / ELEMEN
</b:if>

Contoh Penggunaan Tag Kondisional Pada Widget Blogger

Seperti telah dijelaskna diatas fungsi Tag Kondisional secara umum adalah untuk menampilkan atau menyembunyikan elemen/objek pada suatu halaman tertentu.
Dibawah ini adalah contoh penggunaan tag kondisional untuk menyembunyikan widget label pada halaman homepage

Perlu diketahui penggunaaan tag kondisional juga bisa di terapkan pada scrip,CSS atau HTML pada template. Sekian artikel Penggunaaan Tag Kondisional Pada Blogspot, silahkan berkreasi sendiri dan semoga bermanfaat.

Unknown

Share this

Related Posts