Cara Bikin Kotak Iklan (Banner Box)

Tips Blogger ini saya copy paste dari blog-nya http://www.o-om.com untuk belajar sendiri jika suatu hari lupa caranya. Makasih Om...

 

Semua tentu sudah tahu apa fungsi kotak iklan. Namanya juga kotak iklan, tentu dipake untuk iklan.

 

Ya udah, kita langsung saja…

 

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.otellozorina.blogspot.com"><img
border="0" alt="ads" src="http://otellozorina.blog.googlepages.com/Banner2.gif"/></a>

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

</div>

 

 

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

 

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

 

Semoga tutorial sederhana ini bisa menjawab pertanyan selama ini..

Posting Yang Berkaitan :