Cara menampilkan dan menyembunyikan Widget pada halaman tertentu,adalah digunakan untuk keperluan kita menampilkan dan menyembunyikan widget sesuai keinginan kita...
Berikut langkah-langkahnya:
1. Menampilkan widget hanya di halaman depan saja
Sebagai contoh, disini saya akan mengambil contoh Widget Profil yang hanya akan di tampilkan di halaman depan saja/Home. Setelah masuk ke halaman Edit HTML cari kode widget tersebut "Profile" gunakan Ctrl+F untuk memudahkan pencarian. Namun jika widget nya tidak punya nama cara mengetahui ID widgetnya adalah >> Klik Tata Letak >> lihat widget yg ingin disembunyikan jika sudah ketemu arahkan korsur mouse ke arah tulisan EDIT yg biasanya di klik ketika kita hendak meng edit widget tersebut, setelah korsur berada tepat pada tulisan EDIT terebut perhatikan di dibaawah windows ada tulisan ID widget tersebut pada ujung nya...contohnya HTML 12 misalnya ,maka cari widget tsb.
Codenya kira-kira seperti dibawah:
<b:widget id="HTML2" locked="false" title="Profile" type="HTML">
<b:includable id="main">
<b:if cond="data:blog.url == data:blog.homepageUrl">
<!-- 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>
Kode yang berwarna merah adalah kode yang harus di sisipkan pada widget tersebut agar hanya tampil di halaman depan saja.
2. Menampilkan widget hanya di halaman postingan:
Sedangkan yg berikut adalah untuk menyembunyikan widget Blog Sahabat pd halaman utama dan hanya muncul pd halaman postingan saja,seperti dalam blog saya ini:
<b:widget id="HTML4" locked="false" title="Blog Sahabat" 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 != """>
</b:if></b:if></b:includable></b:widget>
<h2 class="title">
<data:title></data:title></h2>
<div class="widget-content">
<data:content>
</data:content></div>
<b:include name="quickedit">
</b:if>
</b:includable>
</b:widget>
Seperti cara yang diatas kode yang berwarnah Biru adalah kode yang disisipkan pada widget tersebut agar hanya tampil pada halaman postingan.
Simpan template dan lihat hasilnya.......mantaaap...!
0 comments:
Post a Comment
Syarat Berkomentar:
Tanpa Sara
Tanpa Spam
Jangan Membuat Link Hidup Di Tengah Komentar
Berkomentarlah Yang Sopan Dan Bijak Agar Diharagai Oleh Orang Lain.
Komentar Yang Mengabaikan Syarat Diatas Akan Di Hapus,Terima Kasih...!