• rss

Posisi Widget Berbeda di Home Page dan Post Page Blogspot

arsip kula|Senin, 08 November 2010|13.01
fb tweet g+
Supaya blog kita tidak terkesan kaku. Salah satu caranya yaitu dengan menampilkan atau menyembunyikan widget di halaman tertentu. Untuk lebih memudahkan dalam proses pembuatannya, sebaiknya widget yang akan disembunyikan/ditampilkan diberi nama/judul. Berikut cara pembuatannya:
Login ke blog
- Masuk ke menu Rancangan, klik Edit HTML
- Centang "Expand Widget Template"
- Supaya aman, silakan Download dulu template (klik Download Template Lengkap)
- Cari Judul Widget dengan mempergunakan tombol F3, supaya lebih mudah menemukannya.

- Membuat widget hanya tampil di Home Page (dan hilang di halaman posting):
Kita perlu menambahkan kode: <b:if cond='data:blog.url == data:blog.homepageUrl'> dan </b:if> di Css Widget.

contoh penempatannya:
<b:widget id='HTML1' locked='false' title='Judul Widget' 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 != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

- Membuat Widget tampil di halaman posting (dan hilang di home):
Kita perlu menambahkan kode: <b:if cond='data:blog.pageType == &quot;item&quot;'> dan </b:if> di kode Css Widget.

Contoh penempatannya:
<b:widget id='HTML1' locked='false' title='Judul Widget' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

- Jika sudah Klik Simpan Template

Selesai tinggal lihat hasilnya!!!!!