Cara Membuat Facebook Like Box Melayang dengan tombol Close mirip iklan

Cara Membuat Facebook Like Melayang dengan tombol Close - Kalo kemarin udah pernah posting cara membuat status biru di facebook, kali ini cara membuat facebook like melayang dengan tombol close. Bagi sobat yang mempunyai fanspage dan ingin memasang nya di blog dengan gaya melayang dan tombol close mungkin bisa dicoba cara berikut.

Cara Membuat Facebook Like Box/ Fanspage Melayang dengan tombol Close

1. Login ke akun blogger
2. Masuk ke menu Tata letak dan tambahkan gadget HTML/JavaScript
3. Copy kode berikut

<style type="text/css">
#topbar{
position:absolute;
padding-left:-100px;
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/AVvXsEhVk2lusDog_REcU5pHJUVjSbAxKctnE1AB9fVD9wCf9vTgecy2eTF73CKkIUrENVgNXEC1Sc1DLv6_CnGEmZbQ6Hm-qJHZ4zENpybn_rjO7OVy7E0axohyUjGjezvRJ-Htvl_cbjnq31Nv/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;">

Paste Kode Facebook Like Box/ Fanspage Disini

</div>
</center>
</div>

4. Simpan

Silahkan ganti tulisan yang berwarna biru dengan kode like box sobat. Bagaimana cukup mudah bukan membuat facebook like box melayang dengan tombol close. Selamat mencoba :)