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>
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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHeZ6Pj9aAPkeRgK-MovzEqvtYST6Ozgi_71w131MeT1v0Ptu0GU0SO44kx3mN9Ai-9yhhDLDbC7DS0Bqa_rZbX9n02-t2SPtsKrp5bo6Uz3f9xwN3O7vqFj5_qZPb-ADuBRPVMpEp6dk/s144/log.jpg"/></a>
<a target="_blank" href="http://pertamamedia.blogspot.com/"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHeZ6Pj9aAPkeRgK-MovzEqvtYST6Ozgi_71w131MeT1v0Ptu0GU0SO44kx3mN9Ai-9yhhDLDbC7DS0Bqa_rZbX9n02-t2SPtsKrp5bo6Uz3f9xwN3O7vqFj5_qZPb-ADuBRPVMpEp6dk/s144/log.jpg"/></a>
<a target="_blank" href="http://pertamamedia.blogspot.com/"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHeZ6Pj9aAPkeRgK-MovzEqvtYST6Ozgi_71w131MeT1v0Ptu0GU0SO44kx3mN9Ai-9yhhDLDbC7DS0Bqa_rZbX9n02-t2SPtsKrp5bo6Uz3f9xwN3O7vqFj5_qZPb-ADuBRPVMpEp6dk/s144/log.jpg"/></a>
<a target="_blank" href="http://pertamamedia.blogspot.com/"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHeZ6Pj9aAPkeRgK-MovzEqvtYST6Ozgi_71w131MeT1v0Ptu0GU0SO44kx3mN9Ai-9yhhDLDbC7DS0Bqa_rZbX9n02-t2SPtsKrp5bo6Uz3f9xwN3O7vqFj5_qZPb-ADuBRPVMpEp6dk/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,