Home » » Cara Memasang Like Box Facebook Melayang Di Blog

Cara Memasang Like Box Facebook Melayang Di Blog

Cara Memasang Like Box Facebook Melayang Di Blog

Facebook adalah sarana sosial berinteraksi didunia maya yang mudah dan cepat, sudah pasti anda sebagian besar telah memiliki akun facebook. Nah kali ini Diaz akan share Cara Memasang Like Box Facebook Melayang Di Blog, ini berfungsi agar pengunjung yang datang keblog kita bisa like halaman blog kita yang ada difacebook. 

Buat anda yang belum memiliki halaman difacebook silahkan klik DISINI untuk membuatnya, tapi kalau sudah punya silahkan klik DISINI untuk mendapatkan kode script yang sesuai dengan pilihan anda.

Tutorialnya sangat mudah, langsung aja ikuti berikut ini:

1. Login ke akun blogger anda

2. Dari bagian dashbord blog kamu pilih Tata Letak atau Layout

3. Jika sudah klik Add a Gadget atau Tambah Gadget

4. Pilih Widget HTML//JavaScrip
5. Copy Kode dibawah dan letakan kode tersebut kedalam kolom HTML/JavaScript

<!-- Script kotak like Facebook Melayang diaz-box.blogspot -->
<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">
<table border="1" bgcolor="FFFFFF">
<tr>
<td>
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;">


Letakan Script/code Like Box fans page Anda di sini


</div>
</center></td>
</tr>
</table>
</div>
<!-- End Like Fan Page Melayang diaz-box.blogspot -->

6. Klik Simpan / Save
 

7. Selesai dan lihat hasilnya.

Demikian TUTORIAL BLOGSPOT tentang  Cara Memasang Like Box Facebook Melayang Di Blog, semoga artikel Diaz bisa bermanfaat untuk anda.
 
Share this article :

0 komentar:

Posting Komentar

DIAZBOX TUBE

 
Support : Facebook | Twitter | Youtube
Copyright © 2016. DIAZBOX - All Rights Reserved
Template Created by Creating Website Published by DIAZBOX™
Proudly powered by Blogger