Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel





seo Buat kotak iklan di blogger 2013

Seo Master present to you: Kali ini kita akan ngajarin trik sederhanan cara Buat kotak iklan di blogger. Untuk fungsi kotak iklan sendiri kayaknya gak perlu jelasain lagi. Saya yakin pasti semua sudah ngerti. Ya udah langsung ke intinya yuk!

Contoh Banner Box



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.
<center><div id="Box-Banner-ads">
<a target="_blank" href="http://lerry060183.wordpress.com"><img alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"
border="0"/></a>
<a target="_blank" href="http://lerry060183.wordpress.com"><img alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"
border="0"/></a>
<a target="_blank" href="http://lerry060183.wordpress.com"><img alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"
border="0"/></a>
<a target="_blank" href="http://lerry060183.wordpress.com"><img alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"
border="0"/></a>
</div></center>
Untuk jumlah iklan anda tinggal menambahkan atau mengurangi sesuai kode dibawah ini. jangan lupa mengganti hijau dengan alamat url anda sendiri.
<a target="_blank" href="http://lerry060183.wordpress.com"><img
border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>
Semoga tutorial sederhana ini bisa bermanfaat.

o-om2013, By: Seo Master

Labels:



Leave A Comment:

Powered by Blogger.