Cara Membuat Kotak Iklan atau Banner Box

Share this history on :

Tweet

Saya yakin teman teman blogger semua sudah pada tau apa itu Banner ads jadi rasanya ndak perlu lagi saya jelasin fungsinya. Di setiap blog rasanya tak ada salahnya jika di pasang Banner ads / Kotak iklan, di samping sedikit nambahin rame halaman blog bisa juga sedikit bisa nambahin uang saku kita, jika..??? hehehe...., jika ada yang mau pasang iklan di blog kita, kan lumayan  bisa buat beli kopi di warung sebelah hehehe...

Ya sudah sesuai judul postingnya saya akan coba tulis Tutorialnya, siapa tau ada temen temen blogger yang masih belum tau cara membuat Banner ads atau Kotak iklan seperti gambar di bawah ini:

Seperti biasa.. langkah pertama Login dulu ke blogger dengan ID Anda, pilih Rancangan, Edit Html, lalu masukkan kode di bawah ini tepat di bawah kode  <b:skin><![CDATA[

#Box-Banner-ads  {

margin: 0px;

padding: 5px;

text-align: center;

}

#Box-Banner-ads  img {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #c0c0c0;

}

#Box-Banner-ads  img:hover {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #333;

}

Setelah selesai Simpan Templete Anda. 

Selanjutnya buka Rancangan, Tambah Gadget, JavaScript lalu masukan kode berikut

<div id="Box-Banner-ads">

<a target="_blank" href="http://blogbimantara.blogspot.com/"><img 
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi40d7wYvz0EQ5rX8Ognm8_yoU2kzmwC2AxhAXVVhLdAbKfFI3igds9yuVyxLy3MXZ4empQvSLWvTEp_pCxupaDNWCsG58-hDbe6op3N4LefMCnY59Bj67OzSHDdeaoPmXRjkv92nv4EWZr/s1600/img+advertise.jpg"/></a>

<a target="_blank" href="http://blogbimantara.blogspot.com/"><img 
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi40d7wYvz0EQ5rX8Ognm8_yoU2kzmwC2AxhAXVVhLdAbKfFI3igds9yuVyxLy3MXZ4empQvSLWvTEp_pCxupaDNWCsG58-hDbe6op3N4LefMCnY59Bj67OzSHDdeaoPmXRjkv92nv4EWZr/s1600/img+advertise.jpg
"/></a>
<a target="_blank" href="http://blogbimantara.blogspot.com/"><img 
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi40d7wYvz0EQ5rX8Ognm8_yoU2kzmwC2AxhAXVVhLdAbKfFI3igds9yuVyxLy3MXZ4empQvSLWvTEp_pCxupaDNWCsG58-hDbe6op3N4LefMCnY59Bj67OzSHDdeaoPmXRjkv92nv4EWZr/s1600/img+advertise.jpg
"/></a>
<a target="_blank" href="http://blogbimantara.blogspot.com/"><img 
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi40d7wYvz0EQ5rX8Ognm8_yoU2kzmwC2AxhAXVVhLdAbKfFI3igds9yuVyxLy3MXZ4empQvSLWvTEp_pCxupaDNWCsG58-hDbe6op3N4LefMCnY59Bj67OzSHDdeaoPmXRjkv92nv4EWZr/s1600/img+advertise.jpg
"/></a>

</div> 

Untuk jumlah iklan tentukan sesuai selera, Anda bisa menambah atau mengurangi sesuai kode di bawah ini

<a target="_blank" href="http://blogbimantara.blogspot.com/"><img 
border="0" alt="ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi40d7wYvz0EQ5rX8Ognm8_yoU2kzmwC2AxhAXVVhLdAbKfFI3igds9yuVyxLy3MXZ4empQvSLWvTEp_pCxupaDNWCsG58-hDbe6op3N4LefMCnY59Bj67OzSHDdeaoPmXRjkv92nv4EWZr/s1600/img+advertise.jpg
"/></

Ganti Warna Merah sesuai alamat Url anda.

selamat mencoba dan semoga berhasil..  

more 

Artikel Terkait: