Cara Membuat Kotak Iklan (Banner Ads) di Blog

membuat kotak iklan

Cara Membuat Kotak 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.

kotak iklan diblog


– 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.kowandy.com“><img
border=”0″ alt=”ads” src=”http://i1215.photobucket.com/albums/cc503/kowandy/ads1kowandy.png“/></a>
<a target=”_blank” href=”http://www.kowandy.com“><img
border=”0″ alt=”ads” src=”http://i1215.photobucket.com/albums/cc503/kowandy/ads1kowandy.png“/></a>
<a target=”_blank” href=”http://www.kowandy.com“><img
border=”0″ alt=”ads” src=”http://i1215.photobucket.com/albums/cc503/kowandy/ads1kowandy.png“/></a>
<a target=”_blank” href=”http://www.kowandy.com“><img
border=”0″ alt=”ads” src=”http://i1215.photobucket.com/albums/cc503/kowandy/ads1kowandy.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&gt;


Advertisements

About Legy Masyhury

Hanya manusia biasa, sungguh! :D http://legianto.com http://desainku.net http://masyhury.web.id http://ideku.info
This entry was posted in Tutorial Blog, Widget. Bookmark the permalink.

7 Responses to Cara Membuat Kotak Iklan (Banner Ads) di Blog

  1. Awing Kamal says:

    maksih gan buata infonya.. : )

  2. kalo mau pasang sperti abang di samping header gimana caranya? mhn informasinya bang

  3. Wandy xin says:

    @bacaan aneh: nanti saya buatkan tutorialnya ya mas.

  4. iklan says:

    ijin baca gan

  5. goobeh says:

    info bagus gan mantap, maju terus

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s