Cara Membuat Iklan Melayang Di Tengah Blog

 

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.

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