Minggu, 06 Januari 2013

Cara Membuat Kotak Banner Iklan di Blogger

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Cara Membuat Kotak Banner Iklan 125x125 Ala Kang Rohman - Saat ini, kegiatan blogging bukan hanya sebagai sarana penyaluran hobi menulis, namun juga dapat menjadi sumber mata pencaharian bagi sebagian blogger. Menampilkan space iklan berupa banner di website / blog bisa menjadi peluang bisnis tersendiri, yang mana bisa menjadi daya tarik advertiser / pemasang iklan untuk memasarkan produknya melalui pemasangan iklan di blog sobat.

Pemasangan space iklan ini bisa diaplikasikan ketika blog yang sobat kelola dirasa sudah memiliki ranking dan traffic yang cukup. Namun bagi sobat yang baru berkecimpung di dunia blog tidak ada salahnya mencoba untuk memasangnya, sebagai ancang-ancang pemasaran walaupun dimulai dengan tarif yang tidak terlalu mahal.

Hal yang perlu diperhatikan dalam menampilkan space baner iklan adalah letak serta susunannya agar semakin menarik minat orang banyak. Jadi tidak asal pasang gambar yang akhirnya iklan yang ditampilkan menjadi kurang menarik karena berantakan.

Fitur dari kotak banner iklan 125x125 ala Kang Rohman ini antara lain:

  • Mudah dalam pengeditan gambar serta link iklan.
  • Karena menggunakan css yang sudah dicompress, maka iklan jadi ringan dan tidak terlalu memberatkan loading blog.
  • Tampilan yang cukup profesional, walaupun tanpa menggunakan JavaScript.
Untuk melihat demo tampilan kotak banner ala KR ini, bisa sobat lihat di blog Kang Rohman di http://www.krtutorplus.com/, atau bisa juga dilihat pada gambar berikut.
kotak-banner-iklan-ala-kang-rohman
Demo Kotak Banner Ala Kang Rohman

Cara Memasang Kotak Banner Iklan di Blog
1. Masuk ke Dashboard > Template > Edit HTML
2. Klik Lanjutkan > Jangan Lupa Centang Expand Template Widget
3. Copy Kode CSS berikut dan letakkan di atas kode ]]></b:skin>

 /** Kotak Iklan **/ 
.kotak_iklan {text-align: center;}
.kotak_iklan  img {margin: 0px 5px 5px 0px;padding: 5px;text-align: center;border: 1px solid #ddd;}
.kotak_iklan  img:hover {border: 1px solid #333}

4. Save Template.
5. Tahap selanjutnya silahkan buka Tata Letak > Add Gadget / Tambah Gadget > HTML/JavaScript
6. Copy kode HTML di bawah ini dan paste di kotak yang tersedia (Saya sarankan untuk memasukkan url link, title, gambar, maupun alt tag yang ingin digunakan).

<div class="kotak_iklan"><a href="MASUKKAN-URL" title="TITLE-IKLAN"><img border="0" src="URL-GAMBAR" alt="ALT/TEXT GAMBAR" width="125" height="125" /></a> <a href="MASUKKAN-URL" title="TITLE-IKLAN"><img border="0" src="URL-GAMBAR" alt="ALT/TEXT GAMBAR" /></a> <a href="MASUKKAN-URL" title="TITLE-IKLAN"><img border="0" width="125" alt="ALT/TEXT GAMBAR" src="URL-GAMBAR" height="125" /></a> <a href="MASUKKAN-URL" title="TITLE-IKLAN"><img border="0" width="125" alt="ALT/TEXT GAMBAR" src="URL-GAMBAR" height="125" /></a></div>

7. Save, kemudian lihat hasilnya. :)

Keterangan:

  • MASUKKAN-URL : ganti dengan URL website / blog advertiser (pemasang iklan).
  • TITLE-IKLAN : ganti dengan judul yang ingin ditampilkan oleh advertiser.
  • ALT/TEXT GAMBAR : ganti dengan alt tag yang ingin digunakan, penggunaannya sama seperti alt tag pada gambar posting blog.
  • URL-GAMBAR : ganti dengan URL gambar yang ingin ditampilkan oleh advertiser   

  •  
  •  
  •  
  •  
  •  
  • sumber:http://ber2saudara.blogspot.com/2012/10/cara-membuat-kotak-banner-iklan-di.html

0 komentar:

Poskan Komentar