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.
Labels:

Posting Komentar

Thanks sudah berbagi ilmunya, sukses selalu...

mantab.. terimakasih banyak buat script tutorialnya...

Apabila ada kesalahan dalam postingan ini mohon konfirmasinya melalui kotak komentar di bawah ini. Sesegera mungkin akan Kami perbaiki.

[blogger]

MKRdezign

Formulir Kontak

Nama

Email *

Pesan *

Diberdayakan oleh Blogger.
Javascript DisablePlease Enable Javascript To See All Widget