Cara Menggunakan Kode Tag Kondisional Blogger di Sidebar Widget


Sudah tahu 'kan apa itu tag kondisional atau conditional tag? Itu lho... untuk mengatur tampilan widget atau kode. Contohnya, kode/widget hanya muncul di halaman depan atau halaman tertentu.


Tag kondisional ini berperan mengatur elemen blog juga kode. Kode Related Post, misalnya, biasanya dibungkus oleh tag kondisional agar hanya muncul di halaman dalam (postingan).


Hal itu untuk menjaga kecepatan loading blog.

Contoh Pemasangan Tag Kondisional di Sidebar Widget

Berikut ini Cara Menggunakan Kode Tag Kondisional Blogger. CB kasih contoh satu widget saja, biar gak pusing.


Widget Recent Posts atau Posting Terbaru, misalnya, harusnya hanya muncul di halaman dalam. Tidak usah muncul di halaman depan (homepage), karena 'kan di halaman depan memang berisi daftar postingan terbaru.

Maka, kita atur dengan tag kondisional, agar widget Posting Terbaru tidak muncul di homepage. Ini caranya:


1. Tema > Edit HTML

2. Temukan kode widgetnya.

3. Tambahkan kode cond='!data:view.isHomepage' di dalam kode yang di depannya <b:widget id 


Ini Contohnya:


<b:widget id='HTML1' locked='false' title='Latest Post' type='HTML' version='2' visible='true' cond='!data:view.isHomepage'>


Perhatikan kode warna merah. Itu dia tag kondisional yang berisi perintah, agar widget tidak muncul di halaman depan.


Untuk menemukan kode widget dalam template, perhatikan atau cari judul widgetnya. Dalam contoh di atas, judul widget Latest Post.


Itu dia Cara Menggunakan Kode Tag Kondisional Blogger di Sidebar Widget. 


Cara Menggunakan Kode Tag Kondisional Blogger di elemen lain, misalnya dalam kode template, maka tinggal bungkus kode CSS atau JavaScriptnya dengan tag kondisional.


Contoh: Kode CSS hanya muncul di halaman dalam (single post)


<b:if cond='data:view.isPost'>

<style>

<!-- Kode CSS di sini -->

</style>

</b:if>


Demikian Cara Menggunakan Kode Tag Kondisional Blogger di Sidebar Widget.*


Post a Comment