Cara Pasang FB Like Box

December 15, 2019
deky zulkarnain
Sunday, December 15, 2019
Pada kesempatan kali ini saya akan membagikan cara memasang FB like box melayang di blogspot. FB like box merupakan salah satu widget yang bermanfaat untuk melihat jumlah pengunjung yang menyukai blog kita. Tanpa banyak basa basi ...Langsung saja ke TKP

1. Anda harus memiliki FB Fans Page terlebih dahulu. Ingat ya... buka FB personal anda. Kalo belum punya silahkan buat dulu disini

2. Setelah selesai buat FB Fans Page ,,lalu masuk ke halaman Facebook Developer Social Plugin, klik disini untuk masuk. Kemudian pilih like box




3. Setelah itu isi form yang tersedia, jangan lupa masukkan URL Facebook Fans Page anda, Setelah selesai semua langsung klik Get Code

URL FB Fans Page
4. Setelah itu akan muncul pop up kode yang harus di copy kan di blog. Pillih iframe untuk blogspot


5. Nah langkah selanjutnya adalah memasukkan kode iframe tadi . Sebelumnya Buat New Widget HTML/Javascript (blogspot), kemudian copy paste code berikut:


<style type="text/css">

#fixed{

position:absolute;

margin-top:140px;

background-color: #fff;

width: 140px;

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 = 40 //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.dobumentElement : document.body

}

function get_cookie(Name) {

var$20search = 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("fixed").style.visibility="hidden"

}

function staticbar(){

barheight=document.getElementById("fixed").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{

var20pY = 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("fixed");

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="fixed">

<div style="text-align: right;">

<a href="" onclick="closebar(); return false"><img src="http://demandware.edgesuite.net/aaca_prd/on/demandware.static/Sites-ninewest-Site/-/default/v1340878667943/images/productDetail/b_close_wText.gif" /></a></div>

Masukkan disini Code dari LikeBox FB Kamu
</div>

6. Ganti yang berwarna merah dengan kode iframe FB Like Box yang sudah kamu buat tadi.

Selesai,,,,silahkan cek untuk melihat hasilnya.
Sumber https://geograph88.blogspot.com/

Thanks for reading Cara Pasang FB Like Box | Tags:

Next Article
« Prev Post
Previous Article
Next Post »

Related Posts

Show comments