Menampilakan Widget Di Home Page Blogger

Bagaimana ya cara menampilkan widget blog blogger hanya di home page saja, dan bila di buka halaman lainnya seperti post page, halaman arsip maka widgetnya hilang?

Sebelum saya lanjutkan untuk menuliskan tutorial Cara Menampilakan Widget Di Home Page Blogger silakan lihat gamar contohnya dulu biar jelas.

Widget Home Page (Ada Iklan Adsense)
Cara Menampilakan Widget Di Home Page Blogger
Widget Post Page (Tidak Ada Iklannya)
Menampilakan Widget Di Home Page Blogger
Untuk melihat demo blog yang menerapkan cara ini silakan kunjungi blog ini. tapi sedikit berbeda Lhoooooooo.

Next....

Cara Menampilakan Widget Di Home Page Blogger Blog

Seperti biasa, silakan login dulu ke blogger. Klik Rancangan/Tata Letak/Design, setelah itu klik bagian Edit HTML (beri centang pada bagian Expand Template Widget).

Cari Widget yang ingin di tampilakn di home saja, misalnya widget tersebut di beri nama Iklan Adsense, maka yang harus di lakukan yaitu menemukan tulisan tersebut yaitu Iklan Adsense (sesuaikan dengan judul widget pada template teman), untuk pencarian cepat ketik Ctrl + F.

Kira-kira teman akan menemukan kode seperti ini
<b:widget id='HTML1' locked='false' title='Iklan Adsense' type='HTML'>
<b:includable id='main'>
<!-- 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:include name='quickedit'/>
</b:includable>
</b:widget>
Setelah kode seperti itu sudah di temukan silakan pasang kode dibawah ini setelah kode <b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
Dan letakkan kode di bawah sebelum kode <b:include name='quickedit'/>
</b:if>
Sehingga jadinya seperti ini
<b:widget id='HTML1' locked='false' title='Iklan Adsense' 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 != &quot;&quot;'>
<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>
Sekarang silakan simpan pengaturan template anda dan silakan lihat hasilnya.

Selamat Mencoba dan Semoga Berhasil

4 comments:

  1. Maaf kl koment sy kurang nymbung.

    Bang, kalau bikin seperti di labels blog ini yg "blogger tutorial"...yg artikelnya jadi 2 bagian bersebelahan tu gimana ya ? mksh jawaban nya. Salam kenal dari blog http://caraonline.blogspot.com , Jika pny waktu silahkan berkunjung :)

    Salam blogger Indonesia

    ReplyDelete
  2. Ma'af baru balas.

    Itu harus di setting css dan html kode (kalau perlu) nya mas.
    Jadi templatenya harus di set css css nya.

    Terimakasih

    ReplyDelete
  3. Sip, trims jwbn nya... segera hunting kode !!!
    hehee...

    ReplyDelete
  4. mas............tolong kasih tau cara jitu daftar di google adsense
    terima kasih

    ReplyDelete