Tips dan Cara Agar Iklan diblog Lebih Tertata: Memasang Iklan Banner Random dalam Satu Widget

by: http://www.nazardark.com/2013/07/memasang-iklan-banner-random-dalam-satu.html
Iklan merupakan daya tarik tersendiri bagi para blogger, selain menjadi daya tarik, iklan juga bisa menjadi sumber penghasilan yang lumayan dari hasil ngeblog. Coba anda bayangkan, bagai mana jika sesuatu yang menjadi hobi anda dapat menghasilkan uang? Atau bahkan bisa mencukupi kebutuhan anda? Tentu anda akan senang bukan? Banyak cara untuk dapat menghasilkan uang dari Internet, salah satunya yaitu menjadi publisher dari sebuah website jasa penyedia Ad Network atau Jaringan Periklanan online, atau jika anda memiliki traffic pengunjung yang sangat luar biasa tinggi, anda bisa juga menyediakan Space Iklan premium di sidebar blog anda dengan berdasarkan tarif yang sudah di tentukan, semakin banyak iklan akan semakin besar juga peluang anda untuk mendapatkan income dari dunia maya.

Namun, sayangnya jika tampilan blog terlalu banyak menampilkan iklan saya rasa blog akan terlihat sedikit kurang bagus seperti blog Mas Nazar  ini. Oleh karena itu, saya ingin berbagi tips cara agar dalam satu widget, kita bisa memasukkan banyak iklan secara Acak/Random dan otomatis iklan berganti setelah di refresh. Kalau gak mudeng dengan apa yang saya maksud, saya jelaskan lagi yah. Misalkan, didalam satu widget itu, kita memasukkan script iklan Adrewa, KlikSaya, Google Adsense, Chitika, IdBlogNetwork, dan lain-lain, pada saat kita masuk di tampilan Home, yang akan muncul adalah iklan Adrewa, kemudian saat kita masuk halaman artikel, widget yang tadinya muncul iklan dari Adrewa, sekarang akan muncul iklan dari Chitika, IBN, KlikSaya atau yang lainnya secara random. Jadi, dengan begini, tampilan blog anda akan lebih bersih dan enak di pandang, dan bisa menambah space iklan di sidebar blog anda. Tidak seperti blog ini yang banyak iklan, berat, dan banner kontes dimana-mana, hahaha.

Lalu, bagaimana caranya? Caranya gampang, cukup sedikit sentuhan modifikasi pada menu edit html saja, lebih lengkapnya:

1. Login ke Blogger
2. Ke Menu Template
3. Pilih Edit HTML
4. Cari kode
Kemudian Copy dan paste kode berikut di atas kode

<style type='text/css'>
.jsclass body .randomcontent{
display: none;
}
</style>

<script type='text/javascript'>
//<![CDATA[
if (document.getElementById)
document.documentElement.className = 'jsclass';

var randomcontentdisplay={
 divholders:new Object(),
 masterclass: "randomcontent",
 init:function(){
  if (!document.getElementById)
   return
  var alldivs=document.getElementsByTagName("div")
  var randomcontentsearch=new RegExp(this.masterclass+"\\s+(group\\d+)", "i")
  for (var i = 0; i < alldivs.length; i++){
   if (randomcontentsearch.test(alldivs[i].className)){
    if (typeof this.divholders[RegExp.$1]=="undefined") 
     this.divholders[RegExp.$1]=new Array()
     this.divholders[RegExp.$1].push(alldivs[i]) 
   }
  }
 this.showone()
 },
 showone:function(){
  for (group in this.divholders){
   var chosenOne=Math.floor(Math.random()*this.divholders[group].length) 
   this.divholders[group][chosenOne].style.display="block" 
  }
 }
}
//]]>
</script>

5. Kemudian cari kode kemudian Copy/Paste kode berikut di atasnya

<script type='text/javascript'>
//Call this following all random contents HTML on the page:
randomcontentdisplay.init()
</script>

6. Klik Simpan/Save Template

Langkah di atas belum selesai, karena anda harus masih memasang kode berikut pada widget anda, caranya Masuk ke Menu Tata Letak > Tambah Widget > Pilih HTML/JavaScript dan kemudian masukkan kode berikut.

<div class=”randomcontent group1″>

</div>
<div class=”randomcontent group1″>

</div>
<div class=”randomcontent group1″>

</div>
<div class=”randomcontent group1″>

</div>

Jika sudah, silahkan klik tambahkan, dan lihat hasilnya.
NB: Ganti Kode dengan kode teks, link, script atau iklan anda.

Posted in: