Home » » Cara Membuat Kotak Banner Iklan Di Blog

Cara Membuat Kotak Banner Iklan Di Blog


Banyak sekali cara membuat blog anda menjadi ladang uang,apabila blog anda sudah memenuhi syarat itu tentunya. Biasanya sih traffic tinggi dan Pagerank juga. Jika kedua hal tersebut sudah terpenuhi jangan ragu untuk membuat blog anda menjadi ladang uang. Salah satu cara menguangkan blog anda adalah dnegan cara memberikan slot/tempat bagi pengiklan yang akan memasang bannernya di blog anda. Hal ini bisa anda manfaatkan tentunya. Namun bagaiman pemasang iklan tahu bahwa anda sedang menyewakan sebagian sidebar anda ternyata bisa dipasangi iklan oleh nya jika anda tidak memberi sebuah tanda seperti banner. Biasanya banner tersebut bertuliskan “pasang iklan anda di sini”.
Nah,untuk membuat slot banner iklan tersebut di perlukan beberapa cara untuk membuatnya dengan sedikit sentuhan coding.
Baiklah berikut ini kita akan bahas cara membuat kotak banner/cara membuat slot iklan/cara membuat kotak iklan:

  • Seperti biasa log in dahulu ke blog kamu
  • Lalu menuju layout
  • Edit HTML
  • Tambahkan kode CSS berikut di atas kode ]]></b:skin>
/* Kotak Banner
===================== */
#Box-Banner-ads {
margin: 0px;
padding: 5px;
text-align: center; }

#Box-Banner-ads img {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px outset #c0c0c0; }

#Box-Banner-ads img:hover {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px inset #333; }

  • Save hasil kerja ini
  • Eitsss,ini belum selesai
  • Kembali ke menu layout
  • Ke menu page element
  • Lalu add a gadget
  • Pilih HTML/JAVASCRIPT
  • Copy semua kode di bawah ini dan letakkan di HTML/Javascript
<div id="Box-Banner-ads">

<a target="_blank"href="http://www.hostgator.com/"><img
border="0" height="125" src="http://www.gusadit.com/wp-content/uploads/2010/06/Hostgator-Wordpress-Hosting-125x125.gif" width="130" /></img
border="0"></a>

</div>



  • maka hasilnya akan seperti ini

  • kalau masih kurang banner anda bisa mengcopy kode di atas kode </div>
<a target="_blank"href="http://www.hostgator.com/"><img
border="0" height="125" src="http://www.gusadit.com/wp-content/uploads/2010/06/Hostgator-Wordpress-Hosting-125x125.gif" width="130" /></img
border="0"></a>
  • Ganti kode berwarna biru dengan alamat domain banner anda
  • Ganti kode berwarna merah denagan alamat gambar anda
  • kemudian simpan deh....
SEMOGA BERHASIL












Thanks for reading & sharing Cara Membuat Kotak Banner Iklan Di Blog
Previous
« Prev Post
Oldest

2 comments:

  1. Matur nuwun cara'ne

    ReplyDelete
  2. thengs ya zez
    bdw, kog aku coba gak isa
    (wah? ngetoki nek aku gaptek koq)
    ^___^

    ReplyDelete