Cara Membuat Iklan Melayang di Blog

Memasang iklan di sebuah web atau blog memang sangat menguntungkan, apalagi iklan itu benar-benar menghasilkan (lumayanlah buat tabungan, hehe),  ditambah lagi dengan cara menampilkan iklan tersebut, baik dengan hanya meletakkan disidebar blog saja, dalam postingan ataupun dengan posisi melayang.

Memang banyak cara para blogger agar para pengunjung mau mengklik iklannya, karena itu mereka berupaya memodif semua tampilan blog dan juga iklannya agar pengunjung tidak bosan dengan tampilan blognya, Untuk pemasangan iklan di blog banyak ragamnya tapi saya lebih tertarik dengan bentuk iklan melayang. Sebagai pelengkap maka Saya akan coba membagikan cara memasang iklan melayang. jika sobat ingin memasang iklan melayang ini, berikut tahapannya :

1. Buka Dashboard blogger sobat lalu arahkan pada menu rancangan dan klik elemen laman
   
   
   
2. Pada dashboard blogger akan terlihat tambah widget, lalu sobat klik setelah muncul gambar dibawah ini klik tanda + ( plus )
   
   
   
3. Kemudian akan muncul jendela baru lalu sobat isikan kode berikut :
   
   

   <style type="text/css">
   #gb{
   position:fixed;
   top:10px;
   z-index:+1000;
   }
   * html #gb{position:relative;}
   
   
   .gbcontent{
   float:right;
   border:2px solid #A5BD51;
   background:#ffffff;
   padding:10px;
   }
   </style>
   
   <script type="text/javascript">
   function showHideGB(){
   var gb = document.getElementById("gb");
   var w = gb.offsetWidth;
   gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
   gb.opened = !gb.opened;
   }
   function moveGB(x0, xf){
   var gb = document.getElementById("gb");
   var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
   var dir = xf>x0 ? 1 : -1;
   var x = x0 + dx * dir;
   gb.style.top = x.toString() + "px";
   if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
   }
   </script>
   
   <div id="gb">
   
   <div class="gbtab" onclick="showHideGB()">
   </div>
   
   <div class="gbcontent">
   
   <div style="text-align: right;">
   <a href="javascript:showHideGB()">
   .:[Close][Klik 2x]:.
   </a></div>
   
   <center>
   GANTI DISINI DENGAN KODE IKLAN ANDA
   </center>
   
   <script type="text/javascript">
   var gb = document.getElementById("gb");
   gb.style.center = (30-gb.offsetWidth).toString() + "px";
   </script></div>
   </div>

Ganti teks warna merah (GANTI DISINI DENGAN KODE IKLAN ANDA) dengan kode ads atau iklan sobat kemudian klik simpan.

hasilnya seperti ini :





Selesai.