Wednesday, 25 July 2012

Cara Membuat Facebok Like Box Melayang


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/AVvXsEhEiKx769aD5cGXkUr9qpEhy-65GV0WGixGNQABGBFY5LSR84nV24de9QActEU4brJ54zGw1rRCnpuanXTWhSs7mRfXuLdGXnNGd_QDEPIHldlIM_AoDQ2eVJAhc6NhVOE0ilkrmlIZjbqC/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;">

Paste Kode Facebook Like Box/ Fanspage Disini

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


<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/AVvXsEhEiKx769aD5cGXkUr9qpEhy-65GV0WGixGNQABGBFY5LSR84nV24de9QActEU4brJ54zGw1rRCnpuanXTWhSs7mRfXuLdGXnNGd_QDEPIHldlIM_AoDQ2eVJAhc6NhVOE0ilkrmlIZjbqC/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 smile naughtyric


Berlangganan artikel via email!

Follow us!

Anda sedang membaca artikel tentang Cara Membuat Facebok Like Box Melayang dan anda bisa menemukan artikel Cara Membuat Facebok Like Box Melayang ini dengan url http://berbagi-infomenarik.blogspot.com/2012/07/cara-membuat-facebok-like-box-melayang.html, anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuat Facebok Like Box Melayang ini sangat bermanfaat bagi teman-teman anda, namun jangan lupa untuk meletakkan link Cara Membuat Facebok Like Box Melayang sumbernya.

0 komentar:

Post a Comment

 
;