Cara Membuat Kotak Iklan - Banner Box

Setelah melihat blog punya istriku tercinta jadi kepikiran juga untuk nambah banner box disidebar blogku ini. Awalnya binggung juga tapi setelah searching di om google akhirnya nemu juga caranya...btw thanks buat o-om yang udah ngasih reviewnya.

Ok langsung aja siapa tau ada rekan2 yang pengen tau caranya. Pertama coba letakkan kode berikut tepat di bawah 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;
}

Nah kalo sudah di paste selanjutnya buat element halaman baru dan masukkan kode seperti dibawah ini. Yang perlu diperhatikan yaitu teks yang berwarna merah merupakan url/link referensi sponsor sedangkan yang bewarna biru adalah url dimana banner sponsor berada

<div id='Box-Banner-ads'>
<a href='http://adsensecamp.com/?ref_id=8610' target='_blank'><img alt='ads' border='0' src='http://adsensecamp.com/images/banner/the-reds.jpg'/></a>
<a href='http://adsensecamp.com/?ref_id=8610' target='_blank'><img alt='ads' border='0' src='http://adsensecamp.com/images/banner/the-reds.jpg'/></a>
<a href='http://adsensecamp.com/?ref_id=8610' target='_blank'><img alt='ads' border='0' src='http://adsensecamp.com/images/banner/the-reds.jpg'/></a>
.
.
dst
.
.
<a href='http://adsensecamp.com/?ref_id=8610' target='_blank'><img alt='ads' border='0' src='http://adsensecamp.com/images/banner/the-reds.jpg'/></a>
</div>

Nah mudah-mudahan tulisan ini bermanfaat dan yang pasti tulisan ini juga sebagai catatan penting buat saya pribadi