Membuat wadah iklan di side bar sangat mudah hanya perlu penambahan beberapa script. Ada dua cara untuk membuat wadah iklan:
1. Teknik dengan membuat tabel di sidebar
teknik ini cukup menambahkan script berikut di gadget blog. <table border="0">Teknik ini jarang digunakan, saya sendiri menggunakan cara kedua ini.
<tbody>
<tr>
<td><a href="url tujuan"><img src="url gambar" /></a></td>
<td><a href="url tujuan"><img src="url gambar" /></a></td>
</tr>
<tr>
<td><a href="url tujuan"><img src="url gambar" /></a></td>
<td><a href="url tujuan"><img src="url gambar"/></a></td>
</tr>
</tbody>
</table>
2. Teknik kedua yaitu dengan menambahkan script CSS dan menambahkan script lagi di gadget.
tambahkan kode CSS berikut di template. - login ke blog anda > edit html > ceklis expanwidget
- cari kode ]]></b:skin>
- pastekan kode berikut diatas kode ]]></b:skin>
.adspost {jika sudah, SAVE template anda, kemudian klik element-element > add element > pilih HTML/Script
background:#fff;
float: left;
width: 578px;
margin-bottom:5px;
padding: 10px;
overflow:hidden;
border:1px solid #f3f1eb;
}
/* Ads Spots 125x125 */
#adspot {
overflow: hidden;
padding:0;
}
.ad1, .ad3, .ad5, .ad7{
float: left;
margin-bottom: 5px;
padding-left:0px;
}
.ad2, .ad4, .ad6, .ad8{
float: right;
margin-bottom: 5px;
padding-right:0px;
}
lalu pastekan kode berikut :
<div id='adspot'>KETERANGAN:
<!-- Ad1 start -->
<a class='ad1' href='URL TUJUAN'><img height="125" src="URL GAMBAR?imgmax=800" width="125" /></a>
<!-- Ad2 start -->
<a class='ad2' href='URL TUJUAN'><img height="125" src="URL GAMBAR?imgmax=800" width="125" /></a>
<!-- Ad3 start -->
<a class='ad3' href='URL TUJUAN'><img height="125" src="URL GAMBAR?imgmax=800" width="125" /></a>
<!-- Ad4 start -->
<a class='ad4' href='URL TUJUAN'><img height="125" src="URL GAMBAR?imgmax=800" width="125" /></a>
<div class='clearer'/>
</div></div>
- ganti url tujuan dengan url tujuan anda. misalnya http://masterendi.com
- ganti url gambar dengan url gambar banner anda misalnya http://profile.ak.fbcdn.net/hprofile-ak-snc4/187384_1308477136_1611105_n.jpg
jika sudah save, lalu lihat hasilnya.
Comments
0 comments to "Cara membuat wadah iklan di sidebar blog"
Posting Komentar