1. Silahkan login ke ID/akun blogger Anda
2. Pada menu dropdown klik "template" lalu klik "Edit HTML"
3.Kemudian cari kode ]]></b:skin> (gunakan ctrl+f atau F3 untuk mempermudah pencarian kode). Setelah dapat, masukkan kode berikut ini tepat diatasnya.
/** Kotak Iklan **/
.kotak_iklan {text-align: center;}
.kotak_iklan img {margin: 0px 5px 5px 0px;padding: 5px;text-align: center;border: 1px solid #ddd;}
.kotak_iklan img:hover {border: 1px solid #333}
4. Selanjutnya save/simpan template
5. Kemudian lihat menu disebelah kiri layar lalu klik Tata Letak > Tambah Gadget > Pilih HTML/JavaScript
6. Langkah berikutnya silahkan masukkan kode berikut ini ke dalam form yang disediakan.
<div class="kotak_iklan">
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
</div>
Perhatikan kata yang saya beri warna pada kode iklan diatas, rubah sesuai urutannya dan begitupula dengan kode yang dibawahnya.
7. Jika sudah selesai, silahkan simpan/save dan lihat hasilnya
Monday, 20 May 2013
Cara Membuat Kotak Iklan Di Blog
Labels:
tips dan trick
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment