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'>
<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
No comments:
Post a Comment