Cara Membuat Widget Fans Page Facebook Melayang

Cara Membuat Widget Fans Page Facebook Melayang - Ho-Ax Blogger kali ini akan memposting Cara Membuat Widget Fans Page Facebook Melayang. Tutorial ini sering dipertanyakan oleh para Blogger yang lain, mungkin termasuk anda juga. hehehe... Tapi jangan kawatir, saya akan membantu anda. Cara membuat Widget Fans Page Facebook Melayang sangatlah mudah, simpel dan padat. Btw, padat apanya? Padat Kode HTMLnya dong hehehe... Sebelumnya Kode ini merupakan Kode CSS. Jadi tampilannya agak lembut hehehe.. inilah Cara - Cara Membuat Widget FansPage Facebook melayang :

Cara Membuat Widget Fans Page Facebook Melayang :
1. Masuk kedalam Blogger
2. Lalu Masuk di bagian " Tata Letak "
3. Klik " Tambah Widget / Add Widget "
4. Masukan Kode dibawah ini ( Ho-Ax Blogger beri tahu, Kode ini memakai CSS )

<style type="text/css">
#topbar{
position:absolute;
padding-left:260px;
up:40px;
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/AVvXsEijopgr72T61CiHUbFY5W7uX0svqlv47tLAO3z5DaWEJkr2aVjyS3NzS7l156ZyCb7xFXaJUKXokNPuylf-IvIdLubXbwv86tIWL0G43GJrAVc2_Pmr-led8tgbXDMAqNbBYpYK2Lavxv0e/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FHo-Ax Blogger&amp;width=292&amp;height=200&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:205px;" allowtransparency="true"></iframe>
</div>
</center>
</div> 

 
Informasi Edit HTML :




Keterangan 1 :
Url berwarna Merah " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijopgr72T61CiHUbFY5W7uX0svqlv47tLAO3z5DaWEJkr2aVjyS3NzS7l156ZyCb7xFXaJUKXokNPuylf-IvIdLubXbwv86tIWL0G43GJrAVc2_Pmr-led8tgbXDMAqNbBYpYK2Lavxv0e/s1600/close3.png " menunjukan Gambar Close Widget tersebut.

Keterangan 2 :
Tulisan " Ho-Ax Blogger " Merupakan Link Fans Page facebook anda yang ingin di tampilkan dalam Widget tersebut.

5. Jika sudah, lalu klik " Save "

Selesai. Mudah bukan? hahaha Jelas dong, Ho-Ax Blogger memberikan yang termudah bagi kalian semua. Sekian dan Semoga bermanfaat artikel Cara Membuat Widget Fans Page Facebook Melayang. Terima kasih

Tags : Cara Membuat Widget Fans Page Facebook Melayang , Membuat Widget Fans Page Facebook Melayang , Cara Pasang Widget Fans Page Facebook Melayang , Pasang Widget Fans Page Facebook Melayang , Widget Fans Page Facebook Melayang

Saya Pemegang Saham Terbesar Di Google