Kepolover - Apabila kita perhatikan biasanya disebuah situs tertentu memiliki space iklan iklan kiri dan kanan berdampingan. Nah hal ini menimbulkan pertanyaan pada kita tentang bagaimana cara membuat space iklan tersebut yang biasanya tampil secara floating (melayang) meskipun scroll digerakkan.
1. Masuklah ke akun blogger kalian
2. Klik Template => Edit HTML =>Proceed=> Expand Template Widget
3. Gunakan Ctrl + F dan cari kode ]]></b:skin>
4. Setelah ketemu masukkan kode dibawah di atas kode ]]></b:skin>
#iklankontent { height: 250px; } #iklankiri { float: left; } #iklankanan { float: right; }
Keterangan :
- 250 adalah tinggi Iklan. Jika iklan kalian tingginya 300 maka ganti 250 menjadi 300
<b:if cond='data:blog.pageType == "item"'> <div id='iklankontent'> <div id='iklankiri'> Kode Iklan Kiri </div> <div id='iklankanan'> Kode Iklan Kanan </div> </div> </b:if>
Keterangan :
- Kode Iklan Kiri dan Kode Iklan Kanan diganti dengan kode script iklan
- Sebelumnya kode harus di Parse di http://Kepolover.blogspot.com/2011/11/parse-html-for-blogger-xml-templates.html
7. SAVE
Selesai, Semoga bermanfaat
2 komentar
tutorialnya bermanfaat banget..
thanks sharenya
saya lagi nyari cara memasang iklan berdampingan di bawah postingan, gan! + cara mengatur spasinya :)
salam : http://profesor-for-all.blogspot.com/
EmoticonEmoticon