Cara Membuat Kotak Space Banner Iklan Di Blog

Hallo... semua sahabat Blogger kali saya akan berbagi tips blog tentang Cara Membuat Kotak Space Banner Iklan Di Blog. Pemasangan kotak iklan ini bermanfaat jika ada orang lain yang ingin memasang iklan di blog / website sobat. Si pemasang iklan itu akan mengklik iklan ini dan akan dialihkan ke halaman detail tentang pemasangan iklan di blog sobat. sebagai contohnya silahkan lihat gambar kotak space banner iklan di bawah  ..;

Oke deh.. ga usah panjang lebar lagi yah, saya akan berbagi tentang Cara Membuat Kotak Space Banner Iklan Di Blog :

1. Login di blog sobat
2. Kemudian pilih Rancangan >> Edit HTML
3. Cari kode ]]></b:skin>
4. Pasang kode di bawah ini di atas kode ]]></b:skin>

#banner-ads {
margin: 0px;
padding: 5px;
text-align: center;
}
#banner-ads img {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #c0c0c0;
}
#banner-ads img:hover {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}

6. Simpan Template sobat.

Selanjutnya, untuk pemasangan iklan, ikuti langkah - langkah dibawah ini :

1. Masuk ke halaman Tata Letak
2. Tambah Gadget >> HTML/Javascript >> Dan pasang kode dibawah ini :

<div id="banner-ads">

<a target="_blank" href="http://karotutorial.blogspot.com"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYxAXPxKG2dxdLQrh0fQOGP8bBPGYJGDQ-up3l2BsZHrD6IQI8HN10NliR_ypPR19DJQu4-pAkB8BE7AV17R-9s1rREuNhafHomANZJcxAixRgeANL-xRCaboBqTZ2AJ3PMpsfqilFC2o/s1600/224200_101572173266161_1050903_n.jpg "/></a>

<a target="_blank" href="http://karotutorial.blogspot.com"><img
border="0" alt="ads" src="http://sites.google.com/site/oomblog/Banner2.gif"/></a>

<a target="_blank" href="http://karotutorial.blogspot.com"><img
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYxAXPxKG2dxdLQrh0fQOGP8bBPGYJGDQ-up3l2BsZHrD6IQI8HN10NliR_ypPR19DJQu4-pAkB8BE7AV17R-9s1rREuNhafHomANZJcxAixRgeANL-xRCaboBqTZ2AJ3PMpsfqilFC2o/s1600/224200_101572173266161_1050903_n.jpg"/></a>
<a target="_blank" href=" http://joisetrick.bogspot.com "><img
border="0" alt="ads" src="http://sites.google.com/site/oomblog/Banner2.gif"/></a>

</div>

5. Simpan dan lihatlah hasilnya.

NB :
- Untuk kode yang berwarna Merah ganti dengan alamat iklan yang dituju
- Untuk kode yang berwarna Biru, bisa sobat ganti dengan gambar sobat sendiri
- Untuk penambahan iklan sobat hanya tinggal mengcopy kode di bawah ini di atas </div> :

<a target="_blank" href="http://joisetrick.bogspot.com"><img
border="0" alt="ads" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYxAXPxKG2dxdLQrh0fQOGP8bBPGYJGDQ-up3l2BsZHrD6IQI8HN10NliR_ypPR19DJQu4-pAkB8BE7AV17R-9s1rREuNhafHomANZJcxAixRgeANL-xRCaboBqTZ2AJ3PMpsfqilFC2o/s1600/224200_101572173266161_1050903_n.jpg "/></a>

Selesai..

Demikianlah tips blog tentang Cara Membuat Kotak Space Banner Iklan Di Blog dari saya. Semoga tips ini bermanfaat buat semua Kawan Blogger.

Thank's...Selamat mencoba..