Cara Membuat Kotak Space Banner Iklan Di Blog

Guna memasang space iklan, kita butuh menyusun template tersendiri agar iklan tersusun rapi dan enak dilihat. Jadi tidak asal pasang gambar dan link karena hasilnya bisa berantakan. Kali ini hasta akan share kode template iklan yg hasta gunakan.

  Cara Memasang Kotak Space Banner Iklan di Widget Blog:                                                              
1. Masuk ke Dashboard > Rancangan < Edit HTML
2. Copy kode CSS dibawah & letakkan di ATAS tag ]]></b:skin>

#bukarahasiaads {margin:0px;padding:0px;text-align:center}
#bukarahasiaads img {margin:1px 1px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;}
#bukarahasiaads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}

Ganti nilai pada margin:1px 1px untuk mengatur jarak gambar iklan. Nilai pertama jarak atas bawah, nilai kedua jarak kiri kanan.

3. Save Template.


Eitsss, tunggu dulu sob.. langkah diatas belum selesai soalnya...

4. Kemudian Klik Eleman Laman > Tambah Gadget > HTML/JavaScript
5. Copy kode HTML dibawah dan pastekan di halaman HTML/JavaScript tersebut. 
(edit terlebih dahulu untuk memasukkan link dan url gambar gambar yg ingin digunakan):

<div id="bukarahasiaads">
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title=" TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
</div>

  Nb:                                                                                                                                           


Jika ingin menambahkan/mengurangi kotak space iklan tambahkan/hapus bagian:

<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a> di atas </div>.


  Keterangan:                                                                                                                            

• MASUKKAN-URL silahkan sobat ganti dengan URL Web yang akan di iklankan 
• TITLE-IKLAN silahkan sobat ganti dengan Judul dari iklan tsb
• URL GAMBAR silahkan ganti dengan URL gambar dari web tsb (misal: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVF4CctyQwr6ybduPhfeN2DzUEn-5Q846iMjbgHEVpyk2JOjdIcEpFrpvg4YyJY_5GbNTF86DISDSbD1v11DUURfLV4AVYJt_9klJ9etyoKpTDrWKs_jgIGOtePza9uQVBay9rSniy2SQi/s1600/your-ad-here-41.jpg)

6. Save dan selesai.
sobat dapat menggunakan gambar berikut sebagai gambar space iklan (ukuran 125x125), untuk ukuran lain atau ingin yg sesuai selera & desain blog, bisa dicari di Google dengan keywords "ads space banner image (ukuran banner)". Upload gambar, ganti URL GAMBAR dengan url gambar yg sudah di-upload.
Note: upload gambar sendiri. Jangan hanya gunakan url gambar di atas karena sewaktu-waktu gambar dapat hilang/dihapus. Klik kanan di atas gambar, save as ke komputer, lalu upload.

Jika seorang advertiser tertarik, maka dia tinggal mengklik url yg ada pada gambar banner (biasanya link diarahkan ke halaman pasang iklan/advertise atau ke email/contact form).


Happy Sharing..

Posted by @nieuer on Selasa, 24 April 2012 - Rating: 4.5

Title : Cara Membuat Kotak Space Banner Iklan Di Blog
Description : G una memasang space iklan, kita butuh menyusun template tersendiri agar iklan tersusun rapi dan enak dilihat. Jadi tidak asal pasang gam...

Tweet