Membuat Widget Hanya Tampil Di Homepage (Halaman Awal)

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.

contohnya bisa anda lihat pada Kotak widget Selamat Datang dibawah ini, jika sobat membuka halaman lain selain Homepage maka widget ini tidak akan keluar / tampil.

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: 'Posting 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='Posting 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 >>>

Cara Lain :

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='Posting 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.

Sumber