Trik Membuat Widget Hanya Tampil di homepage

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 != &quot;&quot;'>
<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 != &quot;&quot;'>
<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