Cara Membuat Widget Hanya Tampil pada Homepage
Homepage merupakan halaman utama dari web/blog, pada kesempatan ini kita akan membahas cara membuat widget hanya tampil pada homepage. Agar blog terkesan dinamis dan rapi, sebaiknya beberapa widget yang dianggap penting dan utama hanya ditampilkan di halaman utama atau homepage.
Anda ingin membuat widget hanya tampil di halaman utama/homepage, berikut ikuti langkah-langkahnya :
1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang Expand Template Widget.
3. Jangan lupa backup template agar mudah mengembalikan jika terjadi kesalahan.
4. Cari widgetnya gunakan F3 atau Ctrl + F. Contoh widget: Artikel Terbaru.
5. Letakkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dibawah<b:includable id='main'> dan </b:if> diatas kode </b:includable> seperti berikut:
Nah, sekarang Anda bisa mengatur widget untuk memodifikasi tampilan pada halaman utama agar blog terlihat rapi dan dinamis.
Anda ingin membuat widget hanya tampil di halaman utama/homepage, berikut ikuti langkah-langkahnya :
1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang Expand Template Widget.
3. Jangan lupa backup template agar mudah mengembalikan jika terjadi kesalahan.
4. Cari widgetnya gunakan F3 atau Ctrl + F. Contoh widget: Artikel Terbaru.
5. Letakkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dibawah<b:includable id='main'> dan </b:if> diatas kode </b:includable> seperti berikut:
<b:widget id='HTML5' locked='false' title='Artikel Terbaru' type='HTML'>
<b:includable id='main'>
<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:widget>
6. Kemudian Simpan template.<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>
Nah, sekarang Anda bisa mengatur widget untuk memodifikasi tampilan pada halaman utama agar blog terlihat rapi dan dinamis.
0 komentar:
Posting Komentar