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.

fan-page-melayang-dengan-tombol-close
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.
Previous
Next Post »

8 Komentar

Write Komentar
masnady
AUTHOR
October 19, 2012 at 9:28 AM delete

wah keren sobat...? fans page saya udah saya hapus sob, biasa karna kerepotan gonta ganti templat hehehe nice tips...?

Reply
avatar
Ribut Lidayat
AUTHOR
October 19, 2012 at 12:52 PM delete

mantap gan, artikel yang menarik :),,,
Ditunggu artikel-artikel menarik lainnya gan :)


#kunjungi blog ane ya gan

Reply
avatar
Unknown
AUTHOR
October 19, 2012 at 4:01 PM delete

@masnady
hhehehhe....gi coba2 tamplate ya sobat, hehehheh

Reply
avatar
October 19, 2012 at 10:05 PM delete

wow... nii bisa bikin sendiri iia.. baru tau nii.. makasii kang.. nti saiia pelajarin dulu nii :)

Reply
avatar
Ribut Lidayat
AUTHOR
October 20, 2012 at 3:09 PM delete

hadir lagi gan :) jalan-jalan aja :)

#sukses selalu gan

Reply
avatar

Jadilah pembaca yang bermartabat dengan memberikan komentar yang santun,indah di pandang dan sesuai dengan norma yang baik serta sesuai dengan apa yang ada di postingan.
Kriteria Komentar yang di tampilkan:
1. Bukan Komentar Spam
2. Komentar tidak sesuai dengan isi artikel
3. Menyisipkan Link/url baik itu blog/web pada komentar EmoticonEmoticon