INTERNETAN GRATIS

About Me

Foto Saya
MAS JOE ARY
Kota Boyolali, Jawa Tengah, Indonesia
Lihat profil lengkapku

Jumat, 16 Desember 2011

Cara Membuat Kotak Banner Iklan Di Blogspot

Sudah lama ya om gak nulis tutorial untuk blogspot, kali ini om akan ngajarin trik sederhanan cara bikin kotak iklan (Banner Box) or Cara Memasang kotak iklan(Banner Box)Di Blogspot. 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)Di Blogspot:

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 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)

sumber : http://www.o-om.com

0 komentar:

I Love INA

Popular Posts

Buku Tamu


ShoutMix chat widget

Visitors

 

My Ping

[Valid Atom 1.0] Free PageRank Checker My Ping in TotalPing.com

Radio Online

Related Posts Plugin for WordPress, Blogger...
N3 Unity Radio

Anda Pengunjung Ke

Related Posts Plugin for WordPress, Blogger...
Copyright© 2012 INTERNETAN GRATIS | Template Blogger Designer by : Mas Joe Ary' |
Template Name | Raja Gombal : Arie Math Edu | FB : ari06matik@gmail.com