Monday 20 May 2013

Cara Membuat Kotak Iklan Di Blog





 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

No comments:

Post a Comment