cara membuat kotak iklan

MAKE A BANNER BOX IN BLOGGER

masuk ke bagian edit html, letakan code dibawah ini diatas code : <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;

}

save!

sekarang kita masuk ke bagian element halaman, add widget html dan tempatkan code dibawah, ke dalam widget html.

<div id="Box-Banner-ads">

<a target="_blank" href="http://bukuperikecil.blogspot.com"><img
border="0" alt="ads" src="http://i888.photobucket.com/albums/ac84/javanesecyber/spacebaner125x125.jpg"/></a>

<a target="_blank" href="http://bukuperikecil.blogspot.com"><img
border="0" alt="ads" src="http://i888.photobucket.com/albums/ac84/javanesecyber/spacebaner125x125.jpg"/></a>

<a target="_blank" href="http://bukuperikecil.blogspot.com"><img
border="0" alt="ads" src="http://i888.photobucket.com/albums/ac84/javanesecyber/spacebaner125x125.jpg"/></a>

<a target="_blank" href="http://bukuperikecil.blogspot.com"><img
border="0" alt="ads" src="http://i888.photobucket.com/albums/ac84/javanesecyber/spacebaner125x125.jpg"/></a>

</div>

save! dan tengok hasilnya :)


Keterangan :


perhatikan code dibawah ini,

<a target="_blank" href="http://bukuperikecil.blogspot.com"><img
border="0" alt="ads" src="http://i888.photobucket.com/albums/ac84/javanesecyber/spacebaner125x125.jpg"/></a>

text warna merah pertama bisa anda ubah dengan link iklan yang anda maksud. kemudian, text warna merah kedua, merupakan url dari gambar yang akan ditampilkan.

ada 4 kolom yang tersedia dalam banner box tersebut, jumlah kolom bisa anda tentukan sendiri. dengan cara menghapus atau menambahkan kode diatas. titik! ah haha :D

semoga artikel sederhana ini bermanfaat, senang bisa berbagi dengan sahabat blogger.