Cara Membua Like Box Facebook Melayang

Banyak sekali cara agar Like Box, atau bisa di sebut fans Page agar lebih menarik, tentunya dengan gaya yg satu ini..
yaitu dengan membuat Fans Page Facebook Melayang Contohnya seperti gambar di samping, tetunya kalo kita ingin membuat like box di wajibkan harus mempunyai fans page terlebih dahulu..
Bila sudah mempunyai fans fage silahkan kunjungi https://developers.facebook.com/docs/reference/plugins/like-box/ untuk membuat like box
Bila halaman tersebut sudah kebuka sekarang masukan ID fans page fb sobat pada Facebook Page URl, lihat contohnya seperti gambar di bawah ini..

Kalo saja ID fans Pagenya sudah selesai di buat selanjutnya klik Get Code
setelah kodenya tampil, biarkan dulu sejenak..
sekarang kita masuk ke Blogger > Layout > Tambah Gadget > HTML/JavaScript terus copy dan masukkan kode di bawah 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">
<table border="1" bgcolor="FFFFFF">
<tr>
<td>
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBO_M1eQuiMLRePAtPaK4JC2tLSYzBgfdmKrk9e1_5bGBX3Ntz2PSTBLe3cDs_IkXt89HW8qdFNPRrW3mjeLYaHg1ENgIeOzPPD4cdiIdG1DVYkMvHbq86ZBR_pbXVE0AstPED4tmcVRFa/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;">

Masukkan Kode Fans Pages yg baru saja tadi dibuat disini

</div>
</center></td>
</tr>
</table>
</div>