Tuesday, October 1, 2013

Cara Membuat Banner di Widget Blog


بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Banner Biasanya dipakai untuk pemasangan iklan yang berisikan Produk atas jasa dari Perusahaan tertentu. Berikut ini langkah-langkah untuk membuat banner.
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://sen1budaya.blogspot.com/"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh-k4ZW3waB3-9cuuktgRzEJpv0cZ5asWA5r_jJlJ5u73JH0AqOry2cWe6-6w2wn3bGleu0veBFUQbuH6oeBW6CAPhYn41WNK6-V5xyeMxitMPX5CLYlVUvqEEIg53zR-bLES9bsaV_ns/s549-no/karikatur+harley-Recovered.jpg"/></a>
<a target="_blank" href="http://sen1budaya.blogspot.com/"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh-k4ZW3waB3-9cuuktgRzEJpv0cZ5asWA5r_jJlJ5u73JH0AqOry2cWe6-6w2wn3bGleu0veBFUQbuH6oeBW6CAPhYn41WNK6-V5xyeMxitMPX5CLYlVUvqEEIg53zR-bLES9bsaV_ns/s549-no/karikatur+harley-Recovered.jpg"/></a>
<a target="_blank" href="http://sen1budaya.blogspot.com/"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh-k4ZW3waB3-9cuuktgRzEJpv0cZ5asWA5r_jJlJ5u73JH0AqOry2cWe6-6w2wn3bGleu0veBFUQbuH6oeBW6CAPhYn41WNK6-V5xyeMxitMPX5CLYlVUvqEEIg53zR-bLES9bsaV_ns/s549-no/karikatur+harley-Recovered.jpg"/></a>
<a target="_blank" href="http://sen1budaya.blogspot.com/"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh-k4ZW3waB3-9cuuktgRzEJpv0cZ5asWA5r_jJlJ5u73JH0AqOry2cWe6-6w2wn3bGleu0veBFUQbuH6oeBW6CAPhYn41WNK6-V5xyeMxitMPX5CLYlVUvqEEIg53zR-bLES9bsaV_ns/s549-no/karikatur+harley-Recovered.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,

0 komentar "Cara Membuat Banner di Widget Blog ", Baca atau Masukkan Komentar

Post a Comment