Cara menampilkan widget blog hanya di homepage

.

Widget hanya muncul di homepage saja, terkadang kita sangat perlu menghadirkan hal baru dalam melakukan perubahan tampilan blog kita tersayang, entah itu tampilan keseluruhannya yang berbeda atau cuma bagian-bagian kecil saja yang berbeda dari tampilan lama.

Kali ini saya membagikan cara bagaimana untuk memunculkan sebuah atau beberapa widget hanya di tampilan awal blog atau lebih kerenya sering di sebut homepage, disini widget blog kita mulai dari popular post, artikel terbaru, widget label, lencana googleplus hingga iklan adsense yang memanfaatkan widget text/javascript bisa di atur kemuculannya di homepage saja.

Cara ini hanya berlaku untuk blogger atau blogspot saja, sebelum memulai langkah-langkahnya tentu pertama anda harus mempunyai widget yang akan ada ubah kemunculannya hanya di homepage, baca tutorial yang sudah saya bagikan sebelumnya yaitu cara menambahkan widget blogspot. Sekarang saya anggap anda sudah punya daftar widget yang akan anda jadikan sasaran.

Ayo segera kita mulai bagaimana cara memunculkan widget hanya di homepage, baca pelan-pelan, pahami dan praktek langsung ke blog anda, ini dia berikut caranya :

1. Pertama buka dasbor blogger anda.
2. Pilih blog mana yang akan anda ubah, jika mempunyai lebih dari satu.
3. Masuk ke menu template, lalu klik edit html.
4. Cari struktur widget yang akan anda ubah, anda bisa menggunakan F3 dan cari nama widget blog anda atau langsung menggunakan tombol lompat ke (jump to, jika memakai bahasa inggris), akan muncul semua widget anda pilih yang sesuai di daftar anda.
5. Salin kode berikut ini <b:if cond='data:blog.url == data:blog.homepageUrl'>
6. Lalu tempatkan kode tadi setelah kode <b:includable id='main'>
7. Salin lagi kode berikut ini </b:if>
8. Dan tempatkan kode tersebut tepat sebelum kode </b:includable>
9. Coba perhatikan lagi apakah penempatan kode tadi sudah sesuai seperti contoh di bawah ini

 <b:widget id='HTML11' locked='false' title='popularpost1' 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>

  10. Jika sudah klik save.

Sekarang liat homepage blog anda, dan coba lihat halaman post atau halaman statis anda, jika widget tadi yang anda ingin ubah hanya muncul di homepage saja, berarti anda sukses menerapkan langkah-langkah di atas.

Untuk demo ada di blog sesejuk pagi.

Sekian tutorial tentang cara memunculkan widget blog hanya di homepage, semoga bermanfaat. Jangan lupa baca artikel lainnya cara membuat blog punya pengunjung banyak.

Share this post