Mengenal dan Memahami Tag Conditional serta Penerapannya pada Template
Bagi sobat AjatShare yang suka/gemar gonta-ganti template atau sobat ingin belajar mengedit template, disini saya akan coba berbagi sedikit ilmu tentang penggunaan Tag Conditional yang khusus berhubungan dengan tampilan widget pada template kita.
Kenapa kita harus mengenal dan memahami pengertian tag conditional tersebut, karena dengan memahami fungsi dari tag conditional akan memudahkan kita untuk menempatkan widget di bagian halaman tertentu sesuai dengan yang kita inginkan.
Tag Conditional yang akan saya bahas di bawah ini selain untuk menempatkan widget di halaman tertentu juga bisa digunakan untuk menempatkan kode html yang berhubungan dengan tampilan template kita.
Keterangan:
Lambang ” == “ Menampilkan widget hanya di halaman …….
Lambang ” != “ Menampilkan widget di semua halaman kecuali …..
1. Halaman Muka (Home Page)
Menampilkan widget hanya di halaman depan saja (homepage)
<b:if cond=’data:blog.url == data:blog.homepageUrl’>
….. masukan kode widget disini …..
</b:if>Menampilkan widget disemua di halaman kecuali halaman depan (homepage)
<b:if cond=’data:blog.url =! data:blog.homepageUrl’>
….. masukan kode widget disini …..
</b:if>2. Halaman Arsip (Archive Page)
Menampilkan widget hanya di halaman Archive saja.
<b:if cond=’data:blog.pageType == "archive"’>
….. masukan kode widget disini …..
</b:if>Menampilkan widget disemua di halaman kecuali halaman Archive.
<b:if cond=’data:blog.pageType =! "archive"’>
….. masukan kode widget disini …..
</b:if>3. Halaman Posting (Post Page)
Menampilkan widget hanya di halaman posting.
<b:if cond=’data:blog.pageType == "item"’>
….. masukan kode widget disini …..
</b:if>Menampilkan widget disemua di halaman kecuali halaman posting.
<b:if cond=’data:blog.pageType =! "item"’>
….. masukan kode widget disini …..
</b:if>4. Halaman Posting Tertentu (Item Post Page)
Menampilkan widget hanya di postingan tertentu saja.
<b:if cond=’data:blog.pageType == "alamat-postingan"’>
….. masukan kode widget disini …..
</b:if>Menampilkan widget disemua di halaman kecuali halaman tertentu.
<b:if cond=’data:blog.pageType =! "alamat-postingan"’>
….. masukan kode widget disini …..
</b:if>5. Halaman Statis (Static Page)
Menampilkan widget hanya di halaman staticpages.
<b:if cond=’data:blog.pageType == "static_page"’>
….. masukan kode widget disini …..
</b:if>Menampilkan widget disemua di halaman kecuali halaman staticpages.
<b:if cond=’data:blog.pageType =! "static_page"’>
….. masukan kode widget disini …..
</b:if>
Berikut Ini Cara Penerapan Kode Tersebut Pada Widget :
Kita ambil salah satu contoh, Misalkan sobat lihat di blog saya ini ada widget dengan judul “Paling Banyak Dibaca” pada sidebar kanan bawah dan sekarang kita coba membuat widget tersebut hanya tampil pada halaman posting saja, berikut caranya:
1. Silahkan login akun Blogger.com
2. Pilih menu Rancangan dan Pilih Edit/HTML
3. Setelah Itu Centang Expand Template Widget
4. Untuk menghindari terjadinya kesalahan silahkan Download Lengkap Template
5. Kemudian cari Translate gunakan Ctrl+f
6. Lalu kita cari dan perhatikan kode widget seperti ini :
<b:widget id='PopularPost1' locked='false' title='Paling Banyak Dibaca' type='HTML'>
<b:includable id='main'> <!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'> <data:title/> </h2>
</b:if>
<div class='widget-content'> <data:content/> </div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
7. Kode di atas adalah kode Widget PopularPost apabila kita akan menampilkan widget PopularPost tersebut hanya di halaman posting saja, maka sisipkan Tag Conditional pada kode widget tersebut seperti yang dicontohkan di bawah ini.
<b:widget id='PopularPost1' locked='false' title='Paling Banyak Dibaca' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'> <!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'> <data:title/> </h2>
</b:if>
<div class='widget-content'> <data:content/> </div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
atau bisa juga seperti di bawah ini:
<b:if cond='data:blog.pageType == "item"'>
<b:widget id='PopularPost1' locked='false' title='Paling Banyak Dibaca' type='HTML'>
<b:includable id='main'> <!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'> <data:title/> </h2>
</b:if>
<div class='widget-content'> <data:content/> </div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:if>
