Cara Membuat Facebook Fan Page Melayang di Blog

Cara Membuat Fans Page Facebook Melayang Pada Blog- Memasang fan page melayang pada blog adalah salah satu jalur promosi yang sangat bagus sekali untuk mempromosikan fan page atau blog anda. Jadi jika anda memiliki fans page atau blog yang sepi dari pengunjung, tidak ada salahnya jika anda mengikuti tutorial sederhana di bawah ini

Definisi Fan Page Facebook

Fan page  facebook adalah sebuah halaman khusus layaknya blog yang menyediakan informasi yang beragam sesuai dengan keinginan pemiliknya, mulai dari perusahaan, pendidikan, layanan, produk fisik, artis, komunitas dan masih banyak lagi. Beberapa orang ahli pun pasti memiliki pengertian fan page facebook sendiri sesuai dengan apa yang mereka pelajari.

Membuat Facebook Fan Page Melayang di Blog

Jika anda ingin memasang facebook fan page anda melayang di blog, saudara dapat mengikuti langkah-langkah di bawah ini. Namun jika anda ingin memasang facebook fan page yang standar atau yang lazim di gunakan oleh banyak orang. Anda bisa membaca artikel saya sebelumnya . . .

Read : Cara Membuat dan Memasang Fan Page Facebook di Blog

Di sini saya akan memberikan dua script fan page melayang yang berbeda, jadi anda hanya harus memilih salah satu script saja untuk dipasang di blog anda.  dan untuk melihat hasilnya anda bisa mencoba scriptnya satu persatu.

• Login dengan akun blogger saudara
• Masuk ke menu TATA LETAK
• Klik Tambah Gadget => HTML/Javascript
• Silahkan masukan script di bawah ini

Catatan :

• Ganti yang berwarana merah dengan url fan page saudara.

<style type="text/css">
    #topbar{position:absolute; padding-left:260px; background-color: transparancy; width: 300px;
    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>
    <br />
    <div class="clear">
    </div>
    <div id="topbar">
    <div style="text-align: right;">
    <a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-IXvP7qx2NFwPs_LmRGC22fJP8p_M-JnS8pr2T2mCCzP3OWKiqcj943jbb4Hhp0E3xQ7TGJhpzFnGA9c6M9y1ZLM7V7r2QUlEg_waM54YvHuJMVfbW5_F-bS2DP3PqQ2o8BZXNCXbbvyh/s1600/close3.png" /></a></div>
    <center>
    <div style="background: #fff;">
    <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="https://www.facebook.com/pages/Blognya-Ilmu/147008725448902" width="250" show_faces="true" border_color="" stream="false" header="true"></fb:like-box>
    </div>
    </center>
    </div> 

Tweet