Membuat widget sidebar hanya tampil di homepage
Sudah lama saya tidak posting soal trik blog. Nah, menyempatkan waktu di sela kesibukan, akhirnya saya posting tentang trik blog. Jika kita rajin blogwalking, mlai dari dalam negeri hingga ke berbagai belahan dunia tentunya Anda akan banyak menemukan hal menarik. Salah satu yang menarik menurut saya, adalah widget terpilih di sidebar. Kali ini saya posting tentang modifikasi widget yang hanya tampil pada halaman depan (FrontPage), sementara ketika pengunjung masuk ke postingan Anda, widget tersebut akan hilang. Bagaimana caranya? Mudah sekali... Silahkan ikuti tutor berikut:
1. Cari Kode Widget
- Login ke blogger
- Tata Letak
- Edit HTML
- Centang Expand Templates Widget
Misalkan kode widget saya recent post saya adalah:
<b:widget id='HTML1' locked='false' title='' 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: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>
2. Tambahkan kode hingga menjadi seperti ini...
Nah, rubah kodenya menjadi seperti ini...
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- 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>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- 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>
Perhatikan yang berwarna merah adalah tambahannya....
Selamat mencoba...
Jangan Lupa Jempolnya :
 |
Previous Article
