Advertisement
Fans page identik dengan facebook, berfungsi sebagai sarana untuk meningkatkan penggemar atau pengikut, dan tujuan lain apabila di pasang pada blog, maka akan meningkatkan trafik lalu lintas dari fb, ketika seseorang mengklik tombol like.
Bagaimana cara membuat fans page, panduan membuat fan page dan cara mudah membuat fan page kita akan mulai tahap demi tahap.tapi sebelumnya anda harus mempunyai atau membuat halaman pada facebook. Sering saya menjumpai artikel cara pembuatanya langsung memasang iframe tanpa menjelaskan bagaimana proses mendapatkan iframe..
Kita mulai dari tahap 1:cara membuat halaman di facebook:
di sini saya gunakan akun fb adik perempuan saya.
- masuk ke akun fb anda klik pada gambar roda gigi di sudut kanan atas dan klik lagi buat halaman.
kemudian tampil halaman bergambar dengan pilihan kategori,dan pilihlah salah satu.
- isi kolom sesuai perintah,kategori dan nama.kemudian klik mulai.
- isilah deskripsi pada kolom,untuk kolom tambah situs web(lingkaran hitam) itu tidak perlu di isi.anda hanya dapat menambahkan ketika fans page sudah ada minimal 25 orang.
- kemudian simpan info
- ketika sudah jadi maka tampilanya akan seperti di bawah ini,dan yang perlu di ingat adalah ID halaman anda seperti yang saya beri kotak merah.
-sekarang kita akan memasang widget fans page:copy kode di bawah ini
<style type="text/css">
#topbar{
position:absolute;
padding-left:1px;
background-color: transparancy;
width: 238px;
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 = 10 //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.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/AVvXsEiqpKF25-i-TpP_IjGgPw3oO4fzT47s4cGzaVqhUtMPfPBEnV3FIQt46861d2nxXn5sh3sx-USWEvfRzXDqH040gdAXU84-ZkbAWbyPDlIbE0_0xB2KyBTRMPOiKc1ox2yPQPaKotXLcoda/s1600/closanku.png" /></a></div>
<center>
<div style="background: #fff;">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FPundiOnline&width=238&height=360&colorscheme=light&show_faces=true&border_color&stream=false&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:238px; height:360px;" allowtransparency="true"></iframe>
</div>
</center>
</div>
-ganti kode berwarna biru di atas dengan kode iframe anda,untuk mendapatkan kode iframe anda caranya silahkan kunjungi alamat berikut :
https://developers.facebook.com/docs/plugins/like-button/
apabila sudah tampil halaman seperti di bawah masukan ID halaman anda tadi,pada kolom URL,klik get kode
ada dua kolom seperti gambar di bawah,dan klik iframe seperti contoh.
maka iframe anda akan tampil seperti berikut,
Bagaimana cara membuat fans page, panduan membuat fan page dan cara mudah membuat fan page kita akan mulai tahap demi tahap.tapi sebelumnya anda harus mempunyai atau membuat halaman pada facebook. Sering saya menjumpai artikel cara pembuatanya langsung memasang iframe tanpa menjelaskan bagaimana proses mendapatkan iframe..
Kita mulai dari tahap 1:cara membuat halaman di facebook:
di sini saya gunakan akun fb adik perempuan saya.
- masuk ke akun fb anda klik pada gambar roda gigi di sudut kanan atas dan klik lagi buat halaman.
kemudian tampil halaman bergambar dengan pilihan kategori,dan pilihlah salah satu.
- isilah deskripsi pada kolom,untuk kolom tambah situs web(lingkaran hitam) itu tidak perlu di isi.anda hanya dapat menambahkan ketika fans page sudah ada minimal 25 orang.
- kemudian simpan info
- ketika sudah jadi maka tampilanya akan seperti di bawah ini,dan yang perlu di ingat adalah ID halaman anda seperti yang saya beri kotak merah.
<style type="text/css">
#topbar{
position:absolute;
padding-left:1px;
background-color: transparancy;
width: 238px;
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 = 10 //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.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/AVvXsEiqpKF25-i-TpP_IjGgPw3oO4fzT47s4cGzaVqhUtMPfPBEnV3FIQt46861d2nxXn5sh3sx-USWEvfRzXDqH040gdAXU84-ZkbAWbyPDlIbE0_0xB2KyBTRMPOiKc1ox2yPQPaKotXLcoda/s1600/closanku.png" /></a></div>
<center>
<div style="background: #fff;">
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FPundiOnline&width=238&height=360&colorscheme=light&show_faces=true&border_color&stream=false&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:238px; height:360px;" allowtransparency="true"></iframe>
</div>
</center>
</div>
-ganti kode berwarna biru di atas dengan kode iframe anda,untuk mendapatkan kode iframe anda caranya silahkan kunjungi alamat berikut :
https://developers.facebook.com/docs/plugins/like-button/
apabila sudah tampil halaman seperti di bawah masukan ID halaman anda tadi,pada kolom URL,klik get kode
ada dua kolom seperti gambar di bawah,dan klik iframe seperti contoh.
cara memasangnya tidak melalui edit template ,tapi cukup mudah
-masuk ke akun blogger anda_klik edit HTML/java script dan paste dan lihat hasilnya.maka cara membuat fans page facebook untuk di pasang pada blog sudah jadi.
fans page tidak muncul bersamaan loading blog,melainkan naik turun mengikuti blog anda.
Advertisement
