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)
Widget Post Page (Tidak Ada Iklannya)
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
Setelah kode seperti itu sudah di temukan silakan pasang kode dibawah ini setelah kode <b:includable id='main'><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 != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget>
Dan letakkan kode di bawah sebelum kode <b:include name='quickedit'/><b:if cond='data:blog.homepageUrl == data:blog.url'>
Sehingga jadinya seperti ini</b:if>
Sekarang silakan simpan pengaturan template anda dan silakan lihat hasilnya.<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 != ""'> <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>
Selamat Mencoba dan Semoga Berhasil
Maaf kl koment sy kurang nymbung.
ReplyDeleteBang, 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
Ma'af baru balas.
ReplyDeleteItu harus di setting css dan html kode (kalau perlu) nya mas.
Jadi templatenya harus di set css css nya.
Terimakasih
Sip, trims jwbn nya... segera hunting kode !!!
ReplyDeletehehee...
mas............tolong kasih tau cara jitu daftar di google adsense
ReplyDeleteterima kasih