Cara Membuat Fan Page Facebook Melayang dengan Tombol Close di Blog

Patah Online - Kali ini tips blogger lagi coba saya hadirkan kepada anda semua pembaca setia Patah Online, dimana saya akan membahas tentang Cara Membuat Fan Page Facebook Melayang dengan Tombol Close di Blog. Sebelumnya saya juga sudah pernah membahas tentang cara membuat widget melayang di blog yang layak anda baca atau praktekan juga sebelum menerapkan Fan Page Facebook Melayang dengan Tombol Close di blog.

Untuk penampakan Fan Page melayang bisa anda lihat di blog ini. Bagi anda yang seorang blogger dan Facebooker pasti sudah tidak asing lagi dengan istilah Fan Page. Semakin berkembangnya Blogger, Fan Page Facebook kini menjadi widget yang pasti atau widget yang hampir selalu ada di setiap blog atau website. Tak ayal makin banyaknya Fan page pada suatu blog atau website bisa dikatakan blog atau website tersebut cukup populer di mata pengunjung.

Berikut cara pembuatan Fan Page Facebook Melayang dengan Tombol Close di Blog yang bisa anda simak tutorialnya dibawah ini.

1. Login Blogger => Tata Letak => Tambah Gatget => Pilih Html/JavaScript
2. Kemudian copy paste kode di bawah ini => lalu tekan Simpan

<style type="text/css">
#topbar{
position:absolute;
margin-right:-250px;
padding-right:-100px;
background-color: transparancy;
width: 250px;
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 = 10 //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.right=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.stayTopRight=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("stayTopRight()", 10);
}
ftlObj = ml("topbar");
stayTopRight();
}
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/AVvXsEhTbdKD3kmhsBI-FE1Z8x0_zmRNODXQPiQkA96F4cNhNVwTck2VPZ8BChPsH2tQcTlOgUmLLpLGs5TapFGu4Uq3uuQAckYi74dBIkpaX3ZdvPk3G1yn0XxuBsykkhDoWKEse7FEf8datEQb/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;">

TEMPATKAN KODE FAN PAGE DISINI

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

Note : 
- Ganti tulisan yang berwarna merah dengan kode Fan Page Facebook anda
- Ganti tulisan yang berwarna biru jika anda ingin mengganti posisi dari Fan Page

Cukup sekian postingan saya tentang Cara membuat Fan Page Melayang dengan Tombol Close di Blog, semoga bisa bermanfaat.

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest