Postingan kali ini saya akan menjelaskan bagaimana Cara Menampilkan Widget Hanya di Halaman Depan (Home Page)
Maksudnya adalah sobat bisa menampilkan widget tertentu hanya tampil di halaman depan (Home Page).Sebagai contoh kita akan menampilkan Widget Komentar Terbaru (Recent Comment)
Langsung saja kita praktekkan, berikut langkah-langkahnya :
- Seperti biasa sobat harus login ke Blogger
- Klik Rancangan → Edit HTML
- Klik tulisan Download Template Lengkap
- Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
- Beri tanda centang pada kotak di samping tulisan Expand Template Widget
- Kemudian cari kode seperti dibawah
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)
<b:widget id='HTML4' locked='false' title='Komentar Terbaru' 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>
Jika sudah ketemu tambahkan kode berikut :
<b:if cond='data:blog.homepageUrl == data:blog.url'>
dibawah kode
<b:widget id='HTML4' locked='false' title='Komentar Terbaru' type='HTML'>
<b:includable id='main'>
dan kode berikut :
</b:if>
dibawah kode
</div>
maka hasilnya akan tampak seperti berikut :
<b:widget id='HTML4' locked='false' title='Komentar Terbaru' 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:if>
<b:include name='quickedit'/>
</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:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
- jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya
Selamat mencoba
0 komentar:
Post a Comment