Cara Membuat Iklan Melayang Di Tengah Blog

 
blog mas hendra

Untuk membantu memudahkan pengunjung dalam mengklik iklan yang Anda tampilkan di blog, ada baiknya Anda menempatkan iklan tersebut ditempat yang mudah terlihat oleh pengunjung, yakni salah satunya dengan menempatkannya dengan cara melayang di blog. Namun bukan melayang disamping kanan / kiri blog, melainkan melayang di tengah blog Anda.



Caranya pun cukup mudah. Silahkan ikuti langkah bagaimana cara membuat iklan melayang di blog berikut ini :


1. Login ke akun Blogger Anda DISINI

2. Klik -> Layout

3. Klik -> Add Gadget

4. Klik -> HTML/javascript

5. Letakkan kode berikut ini :

   
<style type="text/css">
    #topbar{
    position:absolute;
    left:9px;
    border: 2px red;
    padding: 2px;
    background-color: #f2f2f2;
    width: 350px;
    visibility: hidden;
    z-index: 100;
    }
    </style>
    <script type="text/javascript">
    var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
    var startX = 30 //set x offset of bar in pixels
    var startY = 5 //set y offset of bar in pixels
    var verticalpos="fromtop" //enter "fromtop" or "frombottom"
    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }
    function get_cookie(Name) {
    var search = Name + "="
    var returnvalue = "";
    if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) {
    offset += search.length
    end = document.cookie.indexOf(";", offset);
    if (end == -1) end = document.cookie.length;
    returnvalue=unescape(document.cookie.substring(offset, end))
    }
    }
    return returnvalue;
    }
    function closebar(){
    if (persistclose)
    document.cookie="remainclosed=1"
    document.getElementById("topbar").style.visibility="hidden"
    }
    function staticbar(){
     barheight=document.getElementById("topbar").offsetHeight
     var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
     var d = document;
     function ml(id){
      var el=d.getElementById(id);
      if (!persistclose || persistclose && get_cookie("remainclosed")=="")
      el.style.visibility="visible"
      if(d.layers)el.style=el;
      el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
      el.x = startX;
      if (verticalpos=="fromtop")
      el.y = startY;
      else{
      el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
      el.y -= startY;
      }
      return el;
     }
     window.stayTopLeft=function(){
      if (verticalpos=="fromtop"){
      var pY = ns ? pageYOffset : iecompattest().scrollTop;
      ftlObj.y += (pY + startY - ftlObj.y)/8;
      }
      else{
      var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
      ftlObj.y += (pY - startY - ftlObj.y)/8;
      }
      ftlObj.sP(ftlObj.x, ftlObj.y);
      setTimeout("stayTopLeft()", 10);
     }
     ftlObj = ml("topbar");
     stayTopLeft();
    }
    if (window.addEventListener)
    window.addEventListener("load", staticbar, false)
    else if (window.attachEvent)
    window.attachEvent("onload", staticbar)
    else if (document.getElementById)
    window.onload=staticbar
    </script>
    <div class="clear">
</div>
<div id="topbar">
    <div style="text-align:right">
    <a style="color: rgb(255, 0, 0); font-weight: bold; font-style: italic;" href="" onclick="closebar(); return false"><span><button>TUTUP (X)</button></span></a></div>
<a style="font-weight: bold; color: black(51, 255, 51);">
    </a><p>
    <center>

LETAKKAN KODE SCRIPT IKLAN DISINI

        </center>
</p></div>


6. Klik -> Save dan selesai

Untuk mendapatkan kode script iklan, Anda dapat mendaftarkan pada salah satu penyedia iklan Pay Per Click (PPC). Seperti pada Blog Mas Hendra ini, saat ini saya masih mendaftar di AdsenseCamp Indonesia. Setelah mendaftar (sign up), maka secara otomatis Anda akan mendapatkan kode script iklan.

Semoga bermanfaat sobat blogger. Selamat mencoba tutorial cara membuat iklan melayang di blog ini teman - teman.

2 comments

sekarang sudah ada iklan yang langsung melayang ketika kita copy codenya mas hendra.. gampang sekali.. saya pakai untuk blog yang lain.. hehehe..
soalnya iklan melayang memiliki kemungkinan potensi klik yang besar.. jadi saya sangat menggemari jenis iklan ini..
makasi sharingnya mas..

Reply

Wah keren dan simpel ya Mas eka. Tapi btw apa nama blognya Mas??

Reply

Post a Comment