Cara membuat facebook fans page melayang pada blog

Selamat malam sobat blogger saya,malam ini saya akan memposting sebuah artikel yang sangat unik sekali.Kenapa saya katakan unik?karena artikel ini merupakan artikel pertama saya ditahun 2013.WHAATT,....??padahal tahun baru sudah terleat hampir setengah bulan yang lalu.Oia,btw happy new years,hehe..saya ketinggalan ya sob ngucapinya :D.peace.
Mungkin juga sedikit terasa aneh karena seharusnya ditahun 2013 postingan seorang blogger itu biasanya membahas tentang hal-hal yang baru yang sedang ngetren,tapi tidak pada saya.Pada postingan awal ditahun 2013 ini saya ingin membagikan  Cara membuat facebook fans page melayang pada blog.bagi blogger mastah mungkin postingan ini dianggap sudah kuno/kadaluarsa tapi semoga saja bagi sobat yang baru bergabung di dunia blogger bisa menjadi bermanfaat.Amin.

Tentang bagaimana cara Cara membuat facebook fans page melayang pada blog

Caranya simple sekali,kita hanya perlu mengikuti langkah seperti dibawah ini(cekidoozz) :

1. Login blogger
2. pilih"opsi lainya"tata letak"
3. kemudian pilih" tambah gadget" 
4. pilih"HTML/JavaScript"
5. kopy dan paste kode dibawah ini kedalam widget tersebut

6. <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/AVvXsEgPCzXqhT8QRQw1i-KC-bt6M24NhyBhdhFyh86fXcb59nAcUyTlp1UBiVjBGcRAiQYE_f0AnfPE70k8rdS2a_c2e8Gim1LEgQXIhka6FmTIYFgB0-VVXkF2NS4A3Uys5VKUPhVnVMKWX8MI/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/Plankton-Revolution/355885774466341" width="250" show_faces="true" border_color="" stream="false" header="true"></fb:like-box>
   </div>
   </center>
   </div>

Ganti tulisan(link) yang saya blog dengan warna merah dengan URL FP blog sobat.
Setelah itu sobat bisa save dan lihat hasilnya.
Semoga artikel Cara membuat facebook fans page melayang pada blog bermanfaat untuk sobat blogger tercinta :).klo ada yang mw ditanyakan silakan tinggalkan  komentar sobat :)

Tweet