tutorial membuat banner 125 *125

Kian hari pengguna bloger kian meningkat, namun tutorial sangatlah terbatas, adapun sebagian orang masih newbi dalam membuat banner untuk mendapatkan testimony pada blognya, berikut akan dibahas bagaimana membuat banner 125 *125 dibloger anda,.

Cara membuat kotak iklan (Banner Box):

 

Pertama, masuk pada halaman Edit Html, 

Tambahkan kode CSS berikut di atas kode  ]]>

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

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


Semoga tutorial sederhana ini bisa menjawab pertanyan selama ini.


sumber: www.o-om.com

Related Articles