Membuat Tempat Iklan Di Blog Kamu

Posting kali ini tentang gimana cara bikin wadah iklan di sidebar yang tersusun rapi 2 kolom.
Sebenarnya membuat tempat iklan seperti itu bisa kita akali dengan cara membuat table, cukup dengan memasukkan kode ini ke dalam gadget sidebar:


<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>


Sayangnya aku sama sekali gak memakai trik tabel dalam membuat wadah iklan.
Aku lebih memilih memakai trik CSS berikut:

• Masuk ke Edit HTML pada Tata Letak
• Paste kode dibawah ini 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;
}


Kalau sudah kamu simpan templatenya!Lalu pergi ke elemen halaman untuk tambah gadget HTML, paste kode dibawah ini:

<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>



Naaaah, selesai deh. Gampang kan?