Cara Membuat Kotak Like Facebook Melayang Cara Membuat Kotak Like Facebook Melayang

Cara Membuat Kotak Like Facebook Melayang Diblog ini sebenarnya sedikit jail, maksudnya sifatnya memaksa pengguna mau tidak mau harus melihat dan me-Like halaman kita karena posisinya melayang dan menutupi halaman blog kita. Namun jangan Khawatir, jika pengunjung tidak tertarik untuk me-like-nya juga bisa di close.

Jika tertarik ingin mencoba, silahkan ikuti langkah-langkah membuat Kotak Like Facebook Melayang berikut ini :

    Login Ke Akun Blogger
    Kemudian arahkan ke Layout » Add a Gadget » HTML Java Script
    Silahkan Copy Paste Kode Berikut ini :

    <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/AVvXsEgVFCGOfMqoFHMzjf4KZYzyXJmA4_j_MhNwC_zoThOe4shkiQuWiXi2mmTbJeAWhCORMSI_WBgviMWJO6RdFCeYIqSjyrOdIOKJ8W17JIq5GcEXFVTNKBWGEWymTnNnsbAv_0Govff9t6XK/s1600/close3.png" /></a></div>
    <center>
    <div style="background: #fff;">
    <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FFsGalery&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=335968309757980" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
    </div>
    </center>
    </div>


NB : Ganti Kode yang berwarna merah dengan Script Like Box Halaman Facebook anda

    Simpan dan Selesai

Selamat Mencoba, semoga berhasil..
Jika ada yang kurang jelas, silahkan titipkan Komentar dibawah ^_^