Menambahkan Floating Fans page Facebook

Banyak cara yang dilakukan oleh para blogger untuk meningkatkan Followers Facebook Fun Page, diantaranya adalah memasang Widget Facebook Like Box pada blog.  Widget ini dipasang dengan berbagai macam variasi agar kelihatan menarik sehingga merangsang pengunjung untuk mengklik tombol like pada widget tersebut.

Beberapa waktu yang lalu, telah diterbitkan artikel yang membahas tentang cara Menambahkan Facebook Like Box di Blog ini, dan pada kesempatan ini saya masih menawarkan widget yang sama, namun berbeda dalam hal tampilan, jika sebelumnya widget Facebook Like Box terpasang mengambang pada sisi kanan halaman blog dengan tombol slide, maka widget Facebook Like Box kali ini tampil melayang di tengah halaman blog dan akan menutup jika pengunjung menekan tombol close pada widget.  Dilihat dari sisi tampilan, kedua widget ini sama menarik, namun dari segi efektifitas widget dengan tampilan Floating atau melayang ini akan lebih efektif karena bersifat sedikit memaksa pengunjung untuk mengklik tombol like, widget akan terus tampil di tengah halaman sampai tombol close diklik oleh pengunjung.

Untuk menambahkan widget Floating Facebook Like Box ini cukup mudah, anda hanya perlu menambahkan gadget type HTML/Javascript pada layout blog, dan masukkan script berikut ini ke dalamnya, setelah itu simpan gadget dan Facebook Like Box akan segera tampil pada blog anda.  Berikut adalah detail cara menambahkan widget ini.
  • Login ke blogger dengan ID anda
  • Pada halaman dashboar blogger klik link nama blog anda
  • Pilih menu Layout ->> Add a gadget ->> pilih gadget type HTM/Javascript
  • Copy script di bawah ini dan masukkan ke dalam kotak Content gadget type HTM/Javascript
    <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://lh6.googleusercontent.com/-XTEeefHkPX8/T_LB86oUVmI/AAAAAAAACEY/1oRjxlCLaps/s512/close3.png" /></a></div>
    <center>
    <div style="background: #fff;">

    MASUKKAN KODE FACEBOOK FUN PAGE ANDA DI SINI

    </div>
    </center>
    </div>
  • Sebelumnya edit script tersebut ganti tulisan MASUKKAN KODE FACEBOOK FUN PAGE ANDA DI SINI dengan kode Facebook Fun Page anda
  • Simpan gadget dengan menekan tombol Save
  • Selamat Mencoba

0 komentar:

Posting Komentar






Selamat Datang di Blog MainTracker™
 
Free Joomla TemplatesFree Blogger TemplatesFree Website TemplatesFreethemes4all.comFree CSS TemplatesFree Wordpress ThemesFree Wordpress Themes TemplatesFree CSS Templates dreamweaverSEO Design