Membuat Like Box Facebook Melayang di Blog

Salam blogger bagi sobat semua! Semoga kita selalu diberi kemudahan untuk menjalani hidup ini. Amin.

Sebelumnya saya pernah membuat postingan tentang cara Memodif Like Box FB di blog dan juga tentang cara membuat buku tamu melayang, dan kini saya mencoba lagi untuk berbagi tipz tentang cara Membuat Like Box Facebook Melayang di Blog.

Tidak usah banyak basa-basi yach, mari langsung saja kita seimak cara Membuat Like Box Facebook Melayang di Blog sebagai berikut:

pertama, masuk ke akun "Blogger" kamu
kedua, kalau sudah masuk dasbor pilih "Tata Letak "
ketiga, tambahkan gadget dan pilih "HTML/JavaScript"
keempat, silahkan copas kode di bawah ini ke dalam gadget tersebut

<style type="text/css">

#topbar{

position:absolute;

padding-top:200px;

padding-left:300px;

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="http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/

AAAAAAAABL0/ldO739MTRBg/s1600/close3.png" /></a></div>

<center>

<div style="background: #fff;">

<center>

<div class="fb-like-box" data-href="https://www.facebook.com/gr4ti5" data-width="292" data-show-faces="true" data-stream="false" data-header="false"></div>

</center>

</div>

</center>

</div>

Catatan: ganti kode berwarna merak dengan kode Like Box Facebook kamu

kelima, simpan dan lihat hasilnya

Sebenarnya cukup mudah Membuat Like Box Facebook Melayang di Blog. Sekian tips dari saya ini, silahkan mencoba dan semoga bisa bermanfaat bagi kita semua. Amin.