Home » , , » Cara Termudah Membuat Likebox Facebook Melayang Pakai Tombol Close

Cara Termudah Membuat Likebox Facebook Melayang Pakai Tombol Close



Baiklah, karena banyak sobat yang masih bertanya bagaimana cara Membuat Facebook Like Box bisa melayang di blog ?  Kali ini saya akan sharing cara memasangnya di blog. Sangat pas sekali bagi sobat sudah kehabisan tempat widget diblognya dan juga untuk memberi efektifitas tambahan Like pada blog sobat,

Berikut ini saya berbagi cara  memasang Like box secara floating dan akan turun jika croll mouse ke bawah dan enaknya ada tombol closenya. 

Syaratnya, sobat harus sudah punya halaman fanpage facebook, lalu Ambil kode Script Likebox yang sudah disesuaikan dengan blognya. ( untuk yang belum punya Fanpage Facebook, boleh klik disini)



Cara Termudah Membuat Likebox Facebook Pakai Tombol Close. Berikut ini langkah-langkahnya :


1. Pertama Login Seperti biasa ke akun blognya masing2
2. Pada halaman Dashboard blog pilih >> Tata Letak >> Lalu Klik Add a Gadget atau Tambah Gadget
3. Scroll ke bawah sedikit >> Lalu pilih Widget HTML/Javascript 
4. Jika sudah Copy Kode di Bawah ini dan Paste di dalam Widget kolom HTML/Javascript

<!-- Script kotak like Facebook Melayang mrrainboow-xp -->
<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="http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;"> 
Kode Script Facebook Likebox Here !!! 
</div>
</center></td>
</tr>
</table>
</div>
<!-- End Like Fan Page Melayang MrRainboow-xp -->


5. Save !! Lihat Hasilnya

Catatan:
*)Ganti Kode merah "Kode Script Facebook Likebox Here !!!" dengan kode script yang sudah diambil dari fanpage facebook yang sudah dibuat sebelumnya . 





-==™  SELAMAT MENCOBA ™==-





Share this article :

2 komentar:

  1. untuk blog berbasis wordpress giman gan ? salam blogwalking dari http://www.expatdojo.com

    BalasHapus
  2. mantab.. terimakasih banyak buat script tutorialnya...

    http://bit.do/2SXk

    BalasHapus

TULISKAN KOMENTAR SOBAT DISINI...
» Setiap komentar yang sobat blogger berikan, adalah cara sobat blogger menghargai setiap kerja keras saya dalam mengumpulkan artikel pada blog ini.
Mohon berikan komentar, baik ataupun buruk tentang blog ini ataupun perihal link yang sudah tidak berfungsi. Terima Kasih.