Kamis, 13 Juni 2013

Membuat Kotak Iklan di Blog

Bagi Anda yang mempunyai website bisnis atau sekedar mengikuti bisnis online affiliasi, salah satu cara berpromosi atau mendatangkan pengunjung bisa juga dengan memasangi blog ANda dengan sebuah banner (gambar) yang menuju URL website bisnis Anda. Nah bagaimana membuat kotak untuk meletakan banner tersebut, berikut cara mudah yang akan saya bagikan.

Langkah pertama yaitu memasukan kode html pada template blogspot Anda, caranya:

1. Login ke Blogger > Template
2. Edit Html
5. Cari kode ]]></b:skin> (Gunakan ctrl+F untuk mempermudah pencarian)
6. Kalau sudah dapat, copy kode dibawah ini dan letakkan diatas kode ]]></b:skin>
#Box-Banner-ads{text-align:center;margin:0;padding:5px} #Box-Banner-ads img{text-align:center;border:1px solid silver;margin:0 4px 4px 0;padding:3px} #Box-Banner-ads img:hover{text-align:center;border:1px solid #333;margin:0 4px 4px 0;padding:3px}
7. Save template

Langkah ke dua yaitu memasukan HTML atau javascript, caranya:
1. Buka Tata Letak > Add Gadget / Tambah Gadget > HTML/JavaScript
2. Copy kode HTML di bawah ini dan paste di kotak yang telah disediakan
<div id="ads"> <a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5BkLTd_6LOLJImk4twLw7vFBxFRvDK1P1l570WPhFuXzf2q2hD3flO5DJAgem7yvbEK2t1da8czwffbo_a5-wF1z2rxexdi8rQ49T3-cRMtCqees7FxLZnat8K_vgtOZZflkp8qFTkso/s1600/your-ad-here-15.gif" /></a> <a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5BkLTd_6LOLJImk4twLw7vFBxFRvDK1P1l570WPhFuXzf2q2hD3flO5DJAgem7yvbEK2t1da8czwffbo_a5-wF1z2rxexdi8rQ49T3-cRMtCqees7FxLZnat8K_vgtOZZflkp8qFTkso/s1600/your-ad-here-15.gif" /></a> <a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5BkLTd_6LOLJImk4twLw7vFBxFRvDK1P1l570WPhFuXzf2q2hD3flO5DJAgem7yvbEK2t1da8czwffbo_a5-wF1z2rxexdi8rQ49T3-cRMtCqees7FxLZnat8K_vgtOZZflkp8qFTkso/s1600/your-ad-here-15.gif" /></a> <a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5BkLTd_6LOLJImk4twLw7vFBxFRvDK1P1l570WPhFuXzf2q2hD3flO5DJAgem7yvbEK2t1da8czwffbo_a5-wF1z2rxexdi8rQ49T3-cRMtCqees7FxLZnat8K_vgtOZZflkp8qFTkso/s1600/your-ad-here-15.gif" /></a> </div>
3.Save dan lihat hasilnya

Keterangan :
  • Silahkan ganti untuk yang warna merah dengan URL website / blog advertiser atau pemasang iklan. Misalkan URL web bisnis saya adalah http://www.on-bisnis.com/
  • Warna Biru ganti dengan judul yang ingin ditampilkan oleh advertiser. Misalnya Peluang usaha
  • Warna orange ganti dengan alt tag yang ingin digunakan, penggunaannya sama seperti alt tag pada gambar posting blog misalnya isi dengan Bisnis Online Spektakuler
  • Warna Magenta ganti dengan alamat URL gambar. Misalnya Anda menaruh file gambar di Photobucket.com maka silahkan copy URL gambar Anda tersebut.
Semoga bermanfaat.

Tidak ada komentar:

Posting Komentar