Jumat, 06 Januari 2012

Cara membuat kotak iklan di sidebar blog

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">
<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>
Teknik ini jarang digunakan, saya sendiri menggunakan cara kedua ini.

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 {
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;
}
jika sudah, SAVE template anda, kemudian klik element-element > add element > pilih HTML/Script
lalu pastekan kode berikut :
<div id='adspot'>
<!-- 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>
KETERANGAN:
  • 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.

0 comments:

Posting Komentar

Comment