Salam blogger, di pagi yang cerah ini saya akan berbagi ilmu untuk para blogger di seluruh dunia. Trik blogger yang satu ini adalah trik untuk membuat suatu widget yang hanya dapat tampil di halaman awal atau homepage saja. Agar homepage
pada blog atau website blog tampil lebih dinamis dan terkesan
profesional, sebaiknya beberapa widget yang dianggap pokok dan utama
hanya ditampilkan di halaman utama atau Home page, sehingga para
pengunjung tidak jenuh berjelajah di blog sobat.
Berikut langkah-langkah Membuat Widget Hanya Tampil di homepage :
1. Login ke Blogger dengan ID anda
2. klik menu Template
3. kemudian pilih Edit Html
4. pilih lanjutkan untuk masuk ke Setup Html
5. setelah masuk jangan lupa centang kotak kecil di pojok kiri yang
bertuliskan "expand template widget"
6. kemudian ikuti langkah-langkah dibawah ini
Gunakan Ctrl+F pada keyboard komputer Sobat untuk mencari kode widget Sobat Contoh: 'Artikel Terbaru'.
Setelah ketemu, berikut cara memodifikasiny :Membuat Widget Hanya Tampil di HomePage >>>
Sisipkan kode : <b:if cond='data:blog.url == data:blog.homepageUrl'> dibawah kode <b:includable id='main'>
Sisipkan kode : </b:if> diatas kode </b:includable>
- Contoh lengkapnya seperti ini :
<b:widget id='HTML10' locked='false' title='Artikel Terbaru' 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 != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
</b:includable>
</b:widget>Membuat Widget Hanya Tampil di Posting >>>
Sisipkan kode : <b:if cond='data:blog.pageType == "item"'> dibawah kode <b:includable id='main'>
Sisipkan kode: </b:if> diatas kode </b:includable>
- Contoh lengkapnya seperti ini :
<b:widget id='HTML10' locked='false' title='Artikel Terbaru' type='HTML'>
<b:includable id='main'><b:if cond='data:blog.pageType == "item"'><!-- 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:includable>
</b:widget>
7. Simpan Template
Selamat mencoba dan semoga bermanfaat
