Cara Membuat Space Iklan Banner pada Blog

Aktifitas blogger sangatlah bervariasi, bisa buat sharing, curhat :D, berbagi ilmu pengetahuan, mencari uang dan masih banyak lagi yang bisa kita perbuat dengan blogging. Jika Anda pengguna blogspot yang ingin menambahkan space iklan banner pada blog bisa mencoba cara di bawah ini untuk menambahkan space iklan banner pada blog Anda.
Berikut detail cara membuat space iklan banner pada blogspot ;
1. Seperti biasa login ke dasboard blogger.com, kemudian pilih menu Template >> Edit HTML >> Proceed dan jangan lupa centang pada Expand Widget Templates
2. Cari kode ]]></b:skin> dengan cara CTRL+F untuk mencarinya, jika sudah nemu pastekan kode berikut di atasnya

#Kotak-iklan {
margin: 0px;
padding: 5px;
text-align: center;
}

#Kotak-iklan img {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #c0c0c0;
}

#Kotak-iklan img:hover {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}

3. Simpan Template
Kemudian untuk menampilkan iklan di blog silahkan tambahkan widget dengan Java script seperti biasanya Layout >> Add Widget >> Java Script/HTML dan copykan kode seperti berikut ;

 
<div id="Space Iklan">

<a href="http://www.batikjateng.com"target="_blank"><img src="http://i209.photobucket.com/albums/bb299/banneriklan.gif" width="125" height="125"/></a>
</div>

<div id="Space Iklan">

<a href="http://www.batikjateng.com"target="_blank"><img src="http://i209.photobucket.com/albums/bb299/banneriklan.gif" width="125" height="125"/></a>
</div>

Keterangan :

• pada alamat website dan URL gambar bisa anda ganti sesuai dengan keinginan Anda, disini di contohkan www.batikjateng.com dan URL http://i209.photobucket.com/albums/bb299/banneriklan.gif
• Width dan Height bisa di sesuain dengan keinginan space iklan Anda, disini di contohkan 125 px
• Banyaknya gambar space iklan bisa Anda sesuaikan sendiri, caranya tambahkan seperti script di atas. disini di contohkan 2 space gambar iklan.