Buat kotak iklan di blogger

Kali ini kita akan ngajarin trik sederhanan cara Buat kotak iklan di blogger. Untuk fungsi kotak iklan sendiri kayaknya gak perlu jelasain lagi. Saya yakin pasti semua sudah ngerti. Ya udah langsung ke intinya yuk!

Contoh Banner Box

Cara membuat kotak iklan (Banner Box):

Pertama, masuk pada halaman Edit Html, kemudian masukan kode CSS dibawah ini dibawah kode <b:skin><![CDATA[

#Box-Banner-ads {

margin: 0px;

padding: 5px;

text-align: center;

}

#Box-Banner-ads img {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #c0c0c0;

}

#Box-Banner-ads img:hover {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #333;

}

Sudah? selanjutnya buat element halaman baru..kemudian anda tinggal memasukan kode dibawah ini.

<center><div id="Box-Banner-ads">
<a target="_blank" href="http://lerry060183.wordpress.com"><img alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"
border="0"/></a>
<a target="_blank" href="http://lerry060183.wordpress.com"><img alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"
border="0"/></a>
<a target="_blank" href="http://lerry060183.wordpress.com"><img alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"
border="0"/></a>
<a target="_blank" href="http://lerry060183.wordpress.com"><img alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"
border="0"/></a>
</div></center>

Untuk jumlah iklan anda tinggal menambahkan atau mengurangi sesuai kode dibawah ini. jangan lupa mengganti hijau dengan alamat url anda sendiri.

<a target="_blank" href="http://lerry060183.wordpress.com"><img
border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>

Semoga tutorial sederhana ini bisa bermanfaat.

o-om