Sunday, February 6, 2011

Cara Bikin Kotak Iklan di Blog

Saya dapat trik lagi hasil searching saya, saya mendapatkan dari http://www.o-om.com/2008/06/cara-bikin-kotak-iklan-box-banner.html
Berikut trik nya!!@!

Sudah lama ya om gak nulis tutorial untuk blogspot, kali ini om akan ngajarin trik sederhanan cara bikin kotak iklan (Banner Box). Untuk fungsi Banner ads sendiri kayaknya gak perlu om jelasain lagi untuk apa..om yakin pasti semua sudah ngerti. Oh iya kalo tidak salah ada beberapa rekan juga yang minta dibuatkan cara mudahnya, maaf om lupa nama yang minta, yang jelas ada dikolom komentar dan imel yang masuk. Ya udah om tulis aja tutorialnya dibawah ini:
















Cara membuat kotak iklan (Banner Box):

Pertama, masuk pada halaman Edit Html, kemudian masukan kode CSS dibawah ini dibawah kode <b:skin><![CDATA[

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

}

Sudah? selanjutnya buat element halaman baru..kemudian anda tinggal memasukan kode dibawah ini.

<a target="_blank" href="http://www.maduwebsite.co.cc/"><img border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>

<a target="_blank" href="http://www.maduwebsite.co.cc/"><img border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>
<a target="_blank" href="http://www.maduwebsite.co.cc/"><img border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>
<a target="_blank" href="http://www.maduwebsite.co.cc/"><img border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>

</div>

Untuk jumlah iklan anda tinggal menambahkan atau mengurangi sesuai kode dibawah ini. jangan lupa mengganti warna merah dengan alamat url anda sendiri.

<a target="_blank" href="http://www.maduwebsite.co.cc/"><img
border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>

1 comments so far

wah mkasih gan infonya,,
mksih bgt,,
udah ane follow tu,,
kalo berkenan bisa follow balik
http://dhimasadjiep.blogspot.com/

Pendownload yang baik itu yang meninggalkan komentar, biarpun itu hanya ucapan " Terima Kasih "
EmoticonEmoticon