Minggu, 07 November 2010

Posisi Widget Berbeda di Home Page dan Post Page Blogspot

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!!!!!

Tidak ada komentar:

Posting Komentar