Cara Membuat space Iklan (Banner Ads)di Blog - Seperti judulnya kita akan membuat kotak iklan yang keren. Di sini yang dimaksud adalah iklan 125 x 125 yang biasa kita pasang di samping blog ataupun web. Kotak iklan ini adalah media buatan si penerbit untuk si pemasang agar dapat memasarkan produknya. Nah, kali ini saya akan membagikan sebuah cara membuat kotak iklan (banner ads) yang keren.
Cara Membuat atau memasang space iklan di blog.
- login dulu ke akun blog anda
- Pilih rancangan --> edit Html
- Setelah itu copy kode berikut dan pastekan di atas kode ]]></b:skin>
#banner-ads {
margin: 0px;
padding: 5px;
text-align: center;
}
#banner-ads img {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #c0c0c0;
}
#banner-ads img:hover {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}
- klik save template
Setelah itu, kita lanjutkan untuk memasang elemen iklan.
- masuk ke Tata Letak
- Klik tambah Gadget --> pilih HTML/Javascript
- Lalu copy kode berikut ini ke dalamnya.
<div id="banner-ads">
<a target="_blank" href="http://www.alamatiklanyangdituju.com"><img
border="0" alt="ads" src="http://i1215.photobucket.com/albums/cc503/qzoel/ads1qzoel.png"/></a>
<a target="_blank" href="http://www.alamatiklanyangdituju.com"><img
border="0" alt="ads" src="http://i1215.photobucket.com/albums/cc503/qzoel/ads1qzoel.png"/></a>
<a target="_blank" href="http://www.alamatiklanyangdituju.com"><img
border="0" alt="ads" src="http://i1215.photobucket.com/albums/cc503/qzoel/ads1qzoel.png"/></a>
<a target="_blank" href="http://www.alamatiklanyangdituju.com"><img
border="0" alt="ads" src="http://i1215.photobucket.com/albums/cc503/qzoel/ads1qzoel.png"/></a>
</div>
- Klik Save.
Catatan :
* Kode berwarna merah ganti dengan alamat iklan yang di tuju
* kode berwarna biru ganti dengan URL gambar anda sendiri
* Untuk menambah iklan anda hanya tinggal mengcopy kode berikut di atas </div>
<a target="_blank" href="http://www.kowandy.com"><img
border="0" alt="ads" src="http://i1215.photobucket.com/albums/cc503/kowandy/ads1kowandy.png"/></a>
Semoga Cara Membuat Kotak Iklan (Banner Ads)di Blog bermanfaat buat anda.
Tidak ada komentar:
Posting Komentar