»

Cara bikin kotak iklan (Banner Box)


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. 








<div id="Box-Banner-ads">

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

<a target="_blank" href="http://www.o-om.com"><img 
border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>
<a target="_blank" href="http://www.o-om.com"><img 
border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>
<a target="_blank" href="http://www.o-om.com"><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.o-om.com"><img 
border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>



Semoga tutorial sederhana ini bisa menjawab pertanyan selama
ini. Thanks (o-om.com)

Postingan terkait:

— Edit Post