Cara membuat kotak iklan di blog
Cara membuat kotak iklan di blog
<div class="kotak_iklan">
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>
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
Posting Komentar