Cara membuat kotak iklan di blog

Cara membuat kotak iklan di blog
agar kotak iklan terlihat rapih maka coba lakukan cara ini pertama login blogger sobat
masuk tema >edit html > kemudian cari 
]]></b:skin> atau </style>  
letakan code di bawah sebelum  
]]></b:skin> 
/* Kotak Iklan */
.kotak_iklan {text-align: center;}
.kotak_iklan  img {margin:0px 5px 5px 0px;padding:5px;text-align:center;border:1px solid #ddd;}
.kotak_iklan  img:hover {border:1px solid #aaa}

.kotak_iklan  img.noborder {border:0;}
contoh 
/* Kotak Iklan */
.kotak_iklan {text-align: center;}
.kotak_iklan  img {margin:0px 5px 5px 0px;padding:5px;text-align:center;border:1px solid #ddd;}
.kotak_iklan  img:hover {border:1px solid #aaa}
.kotak_iklan  img.noborder {border:0;}
]]></b:skin> 

selesai simpan template kemudian masuk tata letak > gedget > pilih html/javascript danmasukan code di bawah ini 


<div class="kotak_iklan">
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a> 
<a href="url iklan yang dituju" title="judul iklan"><img class="noborder" src="Url gambar" alt="alt gambar" width="125" height="125" /></a> 
</div>

kemudian simpan dan lihat hasilnya 

Komentar

Postingan populer dari blog ini

Astro Boy [Download Batch] Subtitle Indonesia

Download One Piece Sub Indo Lengkap [001-900] Batch

Download Watashi, Nouryoku Wa Heikinchi De Tte Itta Yo Ne! Episode 2 Subtitle Indonesia