Cara Membuat Like Facebook Melayang DiBlog


Saat saya membuka Blog seseorang, Muncul Sebuah Kotak Like FansPage, saya berpikir bagaiaman ya cara membuat dan memasang Like Box Melayang di Blog , saya browsing sana-sini akhirnya ketemu juga, tapi saat saya lihat , postingan orang tentang Membuat dan Memasang Like Box Melayang di Blog itu tidak menjelaskan bagaimana cara membuat like Box Facebook nya, nah pada kesempatan ini saya akan memberitahukan cara Membuat dan Memasang Like Box Facebook / Fanspage melayang di BLog

 Dengan menempelkan Like FansPage di Blog kita, FP kita berpotensi mendapat Like dari pengunjung, apalagi dari blog anda yang memiliki pengunjung lebih dari ratusan hingga ribuan, mungkin ada potensi pengunjung melike FP kita, dan si pengunjung dapat mengetahui update post blog anda dari FP Facebook tersebut. Ya jika anda memasukkan update post di FP anda.

SIMAK BAIK-BAIK KAWAN
Pertama : 

  1. Anda Klik Situs disamping ini, https://developers.facebook.com/docs/reference/plugins/like-box/
  2. Kemudian, Isikan Kotak-Kotak yang tersedia di situs tersebut

    Kolom “Facebook Page URL” diisikan dengan alamat atau URL FansPage Facebook Kalian , misalnya https://www.facebook.com/yudiblogger?ref=hl

    Kolom “Width” , isikan dengan Ukuran LEBAR si Kotak Like Box yang akan anda pasang di BLOG, pilih ukuran yang anda sukai , misalkan “292”

    Kolom “Height“, isikan dengan Tinggi si kotak Like Box yang akan anda pasang di BLOG, pilih ukuran yang anda sukai, misalkan “180”

    Kolom “Show Faces“, yaitu tempat dimana menampilkan Photo Profil dan FB yang me LIKE FansPage anda, apakah anda ingin menampilkan Orang-orang yang telah me-LIKE FANSPAGE ANDA ??? Jika iya CENTANG , Jika tidak JANGAN CENTANG

    Kolom “Color Scheme” , yaitu Warna Like Box anda, mau pilih Warna Cerah ( putih dan abu-abu ) atau gelap ( hitam ), kita ambil contoh , putih alias LIGHT

    Kolom “Stream“, yaitu apakah anda ingin menampilkan penjelasan tentang Fanspage, postingan terakhir atau lainnya ??? jika iya CENTANG, jika tidak JANGAN DI CENTANG

    Kolom “Border Colour” kita lewatkan saja kolom ini

    Kolom “Header“, yaitu apakah anda ingin menampilkan Judul “TEMUKAN KAMI DI FACEBOOK ATAU FIND US ON FACEBOOK” di kotak LIKE BOX anda ??? jika iya CENTANG , jika tidak JANGAN CENTANG

  3. Jika semua sudah di ISI , maka klik GET CODE

    Nanti akan Muncul Tab :

HTML5
XFBML
IFRAME
URL

Pilih IFRAME , nanti akan muncul kode seperti dibawah

copy Kode yang mirip seperti itu di Tab IFRAME anda


Sekarang TAHAP PEMASANGAN LIKE BOX di Blog :
  1. Masuk ke blogger, http://blogger.com
  2. Kemudian Klik “BLOG ANDA”
  3. klik TATA LETAK > Tambah Gadget > HTML/JAVASCRIPT

    Copy Kode dibawah ini , dan paste kan di Gadget HTML/JAVASCRIPT tersebut


#topbar{
position:absolute;
padding-left:260px;
background-color: transparancy;
width: 300px;
visibility: hidden;
z-index: 100;
}

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

PASTEKAN SCRIPT YANG TELAH DI COPY TADI DISINI 

KETERANGAN : GANTI TULISAN YANG BERWARNA MERAH DIATAS DENGAN KODE LIKE BOX YANG TELAH ANDA COPY SEBELUMNYA DI TAHAP PERTAMA

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s