Cara Membuat Barner di Widget Pada Blog

Barner Biasanya dipakai untuk pemasangan iklan yang berisikan Produk atas jasa dari Perusahaan tertentu. Berikut ini langkah-langkah untuk membuat barner.
1. Login/Masuk ke blog
2. Klik Rancangan pilih Edit HTML di blogger anda, kemudian cari kode ]]></b:skin> dan Copy kode CSS di bawah Paste kode CSS  diatas kode  ]]></b:skin>



#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;
}


4. Save Template, setelah itu kembali ke Rancangan,Tambah Gadget lalu pilih HTML/Javascript  masukkan kodedibawah ini :

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

<a target="_blank" href="http://pertamamedia.blogspot.com/"><img
border="0" alt="ads" src="https://lh4.googleusercontent.com/_VL3WNdvT3dI/TZKEomH_PyI/AAAAAAAAACI/pXnxRQC94r8/s144/log.jpg"/></a>
<a target="_blank" href="http://pertamamedia.blogspot.com/"><img
border="0" alt="ads" src="https://lh4.googleusercontent.com/_VL3WNdvT3dI/TZKEomH_PyI/AAAAAAAAACI/pXnxRQC94r8/s144/log.jpg"/></a>
<a target="_blank" href="http://pertamamedia.blogspot.com/"><img
border="0" alt="ads" src="https://lh4.googleusercontent.com/_VL3WNdvT3dI/TZKEomH_PyI/AAAAAAAAACI/pXnxRQC94r8/s144/log.jpg"/></a>
<a target="_blank" href="http://pertamamedia.blogspot.com/"><img
border="0" alt="ads" src="https://lh4.googleusercontent.com/_VL3WNdvT3dI/TZKEomH_PyI/AAAAAAAAACI/pXnxRQC94r8/s144/log.jpg"/></a>

</div>

5. Text yang berwarna pink ganti dengan alamat URL iklan banner yang akan  dipasang dan untuk text berwarna biru adalah URL gambar iklan biasanya format gif atau jpg,