Saturday, October 24, 2015

Tentang Tag Kondisional Blogger

conditional tag

Tag kondisional merupakan sebuah kode yang berfungsi untuk mengatur sebuah element HTML sesuai kondisi tertentu.  Cara Inspect Element HTML . Penggunaan tag seperti ini akan mempermudah kita untuk membuat design tampilan halaman sesuai keinginan khususnya blogger. Kita bisa mengatur setiap element agar tampil atau tidak tampil pada setiap halaman tertentu hanya dengan fungsi kode tag kondisional ini.

Bentuk Kode Tag Kondisi

Untuk bentuk kode tag kondisi ini biasanya akan diawali dengan kode

<b:if cond='data:blog.url == DATA BLOG URL'> Dan akan diakhiri penutup kode </b:if>

Cara Menggunakan Tag Kondisional


1. Penggunaan Tag kondisional  Secara Langsung
Kita dapat menggunakannya dengan cara mengapit sebuah objek dengan tag kondisional pada sebuah element html secara langsung.
Contoh :

<b:if cond='data:blog.url == DATA BLOG URL'> Objek </b:if>

2. Penggunaan Tag kondisional Secara Tidak Langsung
Kita dapat menghilangkan sebuah obyek dengan menggabungkan CSS dan tag kondisional dengan menambahkan fungsi  sebuah deklarasi {display:none} pada CSS. 
Yang artinya "objek tidak ditampilkan pada kondisi tertentu sebuah halaman ".
Contoh :

<b:if cond='data:blog.url == DATA BLOG URL'>
<style type='text/css'>
#objek {display:none;}
</style>
</b:if>

Beberapa Tag Kondisional Yang Sering digunakan pada Blogger


1. Tag Kondisional Untuk Halaman Depan (Homepage)

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

2. Tag Kondisional Untuk Halaman Item ( Post Page)

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

3. Tag Kondisional Untuk Halaman Statis (Static Page)

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

4. Tag Kondisional Untuk Halaman Indeks ( Index page : Home, Static, Item)

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

5. Tag Kondisional Untuk Halaman Error ( Page 404 )

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

6. Tag Kondisional Untuk Halaman Arsip (Archive)

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

7.  Tag Kondisional Untuk Halaman Kategori ( Label )

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

8. Tag Kondisional Untuk Halaman Tertentu

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

9. Tag Kondisional Untuk Halaman Hasil Pencarian Tertentu

<b:if cond='data:blog.searchQuery == &quot;KATA KUNCI TERTENTU&quot;'>
OBJEK
</b:if>

Demikian sedikit gambaran tentang fungsi tag kondisional yang umumnya digunakan untuk mengatur sebuah tampilan khususnya Blogger.