Cara Membuat Fans Page Facebook Melayang Pada Blog- Memasang
fan page
melayang pada blog adalah salah satu jalur promosi yang sangat bagus
sekali untuk mempromosikan fan page atau blog anda. Jadi jika anda
memiliki fans page atau blog yang sepi dari pengunjung, tidak ada
salahnya jika anda mengikuti tutorial sederhana di bawah ini
Definisi Fan Page Facebook
Fan page facebook adalah sebuah halaman khusus
layaknya blog yang menyediakan informasi yang beragam sesuai dengan keinginan
pemiliknya, mulai dari perusahaan, pendidikan, layanan, produk fisik, artis,
komunitas dan masih banyak lagi. Beberapa orang ahli pun pasti memiliki
pengertian fan page facebook sendiri sesuai dengan apa yang mereka pelajari.
Membuat Facebook Fan Page Melayang di Blog
Jika anda ingin memasang facebook fan page anda melayang di blog, anda dapat mengikuti langkah-langkah di bawah ini. Namun jika anda
ingin memasang facebook fan page yang standar atau yang lazim di gunakan
oleh banyak orang. Anda bisa membaca artikel saya sebelumnya . . .
Di sini saya akan memberikan dua script fan page melayang yang berbeda,
jadi anda hanya harus memilih salah satu script saja untuk dipasang di
blog anda. dan untuk melihat hasilnya anda bisa mencoba scriptnya satu
persatu.
- Login dengan akun blogger saudara
- Masuk ke menu TATA LETAK
- Klik Tambah Gadget => HTML/Javascript
- Silahkan masukan salah satu script di bawah ini
Script Fan Page Melayang Yang Pertama . . .
<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/AVvXsEjY0tuj8K90YF67SSboIukmXJa_MtnWlh8sIpm-qNmmaTJAiuu29xkgFpYViraZQKqOWOmdG6iqhyphenhyphenksF8nBWpa5f5TMVmyKUtvJJnpYi_SCPCgF3n4qpgqS0nU2c7aJxX_uRHvZ7f1lVx2O/s1600/close3.png"
/></a></div>
<center>
<div style="background: #fff;">
<div id="fb-root"></div><script
src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box
href="https://www.facebook.com/pages/caranyablogspot/147008725648902" width="250" show_faces="true" border_color="" stream="false" header="true"></fb:like-box>
</div>
</center>
</div>
Script Fan Page Melayang Yang Kedua . . .
<style type="text/css">
#topbar{position:absolute;padding-left:-100px;background-color:
transparancy;width: 300px;visibility: hidden;z-index: 200;}
</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 = 25 //set x offset of bar in pixels
var startY = 25 //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/AVvXsEjY0tuj8K90YF67SSboIukmXJa_MtnWlh8sIpm-qNmmaTJAiuu29xkgFpYViraZQKqOWOmdG6iqhyphenhyphenksF8nBWpa5f5TMVmyKUtvJJnpYi_SCPCgF3n4qpgqS0nU2c7aJxX_uRHvZ7f1lVx2O/s1600/close3.png"
/></a></div>
<center>
<div style="background: #fff;">
<iframe
src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%20%2F147008725448902%3Fref%3Dhl&width=300&height=290&show_faces=true&colorscheme=light&stream=false&border_color&header=true"
scrolling="no" frameborder="0" style="border:none; overflow:hidden;
width:300px; height:290px;" allowtransparency="true"></iframe>
</div>
</center>
</div>
Catatan :
- Ganti yang berwarana merah dengan url fan page saudara.
- Kode berwarna Biru, ganti dengan script fan page facebook saudara.
Selamat Mencoba :)
- Blogger