cara membuat fanpage melayang

Cara Cepat Membuat Facebook Fanpage Melayang Di Tengah Blog dan yang penting dengan tombol close agar pengunjung bisa menututup fanpage melayang tersebut. Sobat sekalian yang mau tau cara bagaimana, Cara Cepat Membuat Facebook Fanpage Melayang Di Tengah Blog Seperti blog ini, bukan iklan, tapi Facebook Fanpage, namun bisa Anda modifikasi sendiri nantinya untuk lainnya di blog Anda atau tidak lah cuma untuk fanpage.

Langsung saja yaa.

1. Login ke Blogger> Rancangan> elemen / tata letak > Add gadget/widget,  pilih HTML/Javascript.
2. Masukkan kode di bawah ini :

<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">
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxQ037AXBYmXkPdBy_7jJf1bRGe8AOA03uKi_xhLcDs95OLFGmxdQG295rNZO4ufYpF-8oAFxp8Mbgc5wng6OIdYJX-BywZB_hYwtNatMDlt6cggVXmhws0lsjR1Etgj-i_mCp3Rsza67l/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;">

SIMPAN KODE HTML FACEBOOK  / lainnya

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

3.  Masukkan kode yang dinginkan pada tempatnya, klik save.
4.  Selesai dan lihat hasilnya.
 5. Iklan akan muncul jika blog sudah selesai diloading. Saya sarankan templatenya yang ringan aja agar tidak memberatkan terlalu berat template,
 

Sekian Sobat Cara Cepat Membuat Facebook Fanpage Melayang Di Tengah Blog.
Semoga berhasil dan bermanfaat.

Share this post