Tips Cara Membuat Space Sponsor Iklan Banner Teratur di Blog

Space iklan banner merupakan ruang yang disediakan pengelola URL blog untuk memperbolehkan seseorang memasang banner iklan untuk promosi sebagai informasi bisnis atau produk kepada pengunjung lain melalui blog Anda yang mungkin mempunyai traffic tinggi sehingga seseorang tertarik untuk mempromosikan bisnis/jasa/produk atau lainnya.

Bila blog Anda sudah siap untuk memberikan space iklan banner, anda bisa membuat script iklan banner dalam bentuk tabel atau CSS. Namun, saya sarankan menggunakan CSS supaya diload lebih ringan dan dengan tampilan yang stabil.

Berikut ini merupakan contoh space iklan banner :

Sapace iklan banner tersebut sudah saya modifikasi dan diuji coba menggunakan browser komputer/Laptop maupun di akses melalui HP dengan tampilan yang konstan tidak acak.

Bagaimana cara Membuatnya ?

Simak tutorial berikut ini:

1. Mula-mula anda siapkan program Notepad dari komputer Anda
2. Copy-paste script kode dalam Notepad

<div class="Adsblock"> <div class="Adsblock-right-top"><a href="http://ukafahrurosid.blogspot.com/2011/06/produk-promosi-tupperware-indonesia.html"><img src='http://www.scrapping-made-simple.com/images/banner_fridge_125x125.gif' alt="Tupperware Indonesia" title="Tupperware Indonesia"/></a></div> <div class="Adsblock-left-top"><a href="http://masterkey.masterweb.net/aff.php?aff=3843" target="_blank"><img border="0" title="Domain dan Hosting Murah!!" alt="Sponsor Ads" src="http://eganesha.com/blog/images/mwn_banner01.png"/></a></div> <div class="Clearadsblock"></div> <div class="Adsblock-right-bottom"><a href="http://ukafahrurosid.blogspot.com/2009/01/menerima-program-periklanan.html"><img border="0" title="Iklan Banner 35rb/bln - 75rb/3bln" alt="Iklan Banner 35rb/bln - 75rb/3bln" src="http://eganesha.com/blog/images/banner_ads.gif"/></a></div> <div class="Adsblock-left-bottom"><a href="http://eganesha.com/?ref=1" target="_blank"><img border="0" title="e-Ganesha GeS" alt="e-Ganesha GeS" src="http://eganesha.com/blog/images/banner_eganesha_systembaru.gif"/></a></div> </div>

3. Jangan lupa untuk meng-edit link yang berwarna merah, biru dan pink
4. Login ke Blogger
5. Pilih Rancangan
6. Pilih Edit HTML
7. Cari kode ]]></b:skin>
8. CopyPaste-kan kode dibawah ini tepat diatas kode ]]></b:skin>

.Adsblock { width: auto; height: auto; margin: 0px; text-align: center; padding: 5px; } .Adsblock-left-top { width: 150px; height: 150px; margin-bottom: 10px; }

.Adsblock-left-bottom { width: 150px; height: 150px; } .Adsblock-right-top { float: right; width: 150px; height: 150px;

}

.Adsblock-right-bottom { float: right; width: 150px; height: 150px; }

.Adsblock img { height: 150px; width: 150px; border: none; }

.Clearadsblock { width: 100%; clear: both; }

9. Setelah selesai membuat, copy-paste kode nomor 2 dalam widget sidebar blog Anda dan lihat hasilnya
10. Selesai, Anda sudah berhasil

Bagaimana? Sudahkah berhasil membuat Space Iklan Banner di blog Anda??


Semoga bermanfaat..