Membuat Kotak Iklan (Banner Ads)

kampanye damai pemilu indonesia 2009 Banner merupakan salah satu media untuk berpromosi. Begitupun di dunia blogging, keberadaan banner untuk promosi sudah tidak asing lagi bagi kita.

Blog pun menjadi tempat untuk memasang media promosi tersebut. Entah untuk mempromosikan blog kita sendiri, atau untuk 'disewakan' kepada orang yang ingin mempromosikan bannernya di blog kita. Lumayan kan, dapat penghasilan dari blog kita?

Na, seperti di blog Ayas ini, pada bagian atas postingan sampai atas sidebar, ada banner ads atau kotak iklan berjajar rapi. Bagaimana trik untuk membuat banner ads seperti itu?

GAMPANG KOK!!!


Pertama, tinggal copy code berikut :


#Banner-ads {

margin:0px;

padding: 5px;

text-align: center;

width : 960px;

}

#Banner-ads img {

margin: 7px 4px 4px 0px;
padding: 3px;
width : 100px;
height : 100px;
text-align: center;

border: 1px solid #c0c0c0;

}

#Banner-ads img:hover {

margin: 7px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #333;

}



Buka menu edit HTML Sodara

Paste kode-kode tersebut diATAS kode ]]></b:skin>

Setelah itu, tentukan dimana kita akan meletakkan banner ads tersebut.

Misalkan, dalam kasus di blog Ayas, banner ads tersebut akan diletakkan diatas postingan (main-wrapper). Maka copy kode berikut :


<div id='Banner-ads'>

<a hight='100' href='http://easyblogtrick.blogspot.com/' width='100'><img alt='ads' border='0' src='http://123.com/banner.jpg'/></a>
<a hight='100' href='http://easyblogtrick.blogspot.com/' width='100'><img alt='ads' border='0' src='http://123.com/banner.jpg'/></a>
<a hight='100' href='http://easyblogtrick.blogspot.com/' width='100'><img alt='ads' border='0' src='http://123.com/banner.jpg'/></a>

</div>



Kemudian paste di atas kode <div id=main-wrapper>.

Itu untuk meletakkan diatas postingan.

Ada beberapa kode yang harus diganti :

Alamat blog sodara (warna merah)
Alamat url gambar sodara (warna ijo)

Tinggi dan lebar gambar juga bisa diganti2 sesuai selera sodara...

Oy, contoh diatas akan menampilkan 3 banner. Jika ingin menampilkan 10 banner, maka Sodara tinggal menambahkannya.

Gimana, singkat, jelas dan gampang kan? cepetan cobain.. GAMPANG KOK!!!

14 comments:

  1. Pantas dicoba nih..
    Makasih atas bagi ilmunya om..!

    Regard
    Kingkong

    ReplyDelete
  2. patut di coba nih tipsnya...thnx ya bro...mantapp.......

    ReplyDelete
  3. Mantab Bro ...,cuman aku masih kotak kosong .. bingung cari gambar nya dari mana dan bagaimana caranya, BTW thanks berat ya.

    ReplyDelete
  4. thanks infonya... btw klo mau ditulisi misalnya pasang iklan disini 10rb/bulan gimana caranya?

    ReplyDelete
  5. kok g muncul yah.. bannernya padahal pas edit html nya muncul?/

    ReplyDelete
  6. @paket maksudnya g muncul gimana?

    ReplyDelete
  7. hahaha udah dicoba N berhasi Easy tapi kok posisinya G dibawah Header persis masih di bawah gadget ------- oiya Easy untuk faviconnya aku praktekin lum berhasil gimana nih solusinya
    BTW thx atas tips N triknya sukses selalu

    Rgds; 3ndur0

    ReplyDelete
  8. @3ndur0 tu cuma masalah peletakan kodenya kok pren. dipindah aja, dimana mau ditempatin..

    Klo masalah favicon, mungkin kode gambarnya pren..

    ReplyDelete
  9. sobat, terima kasih infonya, trus aku udah berhasil memasukkan kotak untuk iklan di blogku, cuma untuk membuat bacaan didalamnya gimana ya ?? seperti : Pasang Iklan Anda Disini....
    mohon pencerahannya sob..

    ReplyDelete
  10. makasih mas ayas.....mamfaat banget lo ilmunya.....thx berat

    ReplyDelete
  11. bagaimana cara buat banner kosong dan bagaimana pengiklan membayar ke rekening saya maaf no rekening biasa tanpa kartu kridit.
    saya bantu anda menghasilkan 10 dollar http://www.tendollarclick.com/index.php?ref=arik
    terimakasih. kirim ke akprakpr@gmail.com

    ReplyDelete

Klo ada pertanyaan, masukan ato tips yang lebih mudah, koment aja y..Insya Allah Ayas bales.. Thanks all..moga2 bermanfaat

 
Copyright © 2013. About - Sitemap - Contact - Privacy
Template Seo Elite oleh Bamz