Friday, 10 January 2014

Cara Memasang Widget Like Box Facebook Melayang di Blog



Assalamu'alaikum Wr. Wb

"Cara Memasang Widget Like Box Facebook Melayang di Blog" - seperti judulnya, pada kesempatan kali ini saya akan memberikan tutorial tentang "Memasang Widget Like Box Facebook Melayang di Blog" . Mungkin di antara kalian banyak yang belum mengetahui cara memasangnya, itu sebabnya saya memposting ini, langsung ajah ke turorialnya udah saya siapin di bawah.

1.Patikan anda sudah mempunyai Fanspage terlebih dahulu
   jika belum sulahkan bikin dulu

2. Loggin ke akun blogger anda
3. Saat di dasbor blog anda, pilih Tata letak lalu klik tambah gadged pada bagian kanan
4. Lalu pilih html javascript
5. Lalu copy kode di bawah ini
   <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="http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/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/mulkiblog" width="250" show_faces="true" border_color="" stream="false" header="true"></fb:like-box>
</div>
</center>
</div>

6. Kemudian ubahlah Tulisan yang berwarna hijau dengan Fanspage anda
7. Lalu klik Save
8. Jangan lupa Like Blog ini yah !

Mungkin cuma ini yang bisa saya tulis semoga bisa bermanfaat bagi pembaca Yang membaca ini jika ada pertanyaan silahkan tanyakan saja lewat komentar/facebook ane.
Wassalamu'alaikum Wr. Wb

Tags :
Inilah cara Memasang Widget Like Box Facebook Melayang di Blog
Cara Memasang Widget Like Box Facebook Melayang di Blog
Cara Memasang Fanspage Facebook Melayang Di Blog
Cara Membuat Like Facebook Melayang di Blog
Cara Memasang Facebook Fan Page Like Box Melayang Di Blog
Cara Memasang Like Box Melayang Di Blog
Cara Membuat Facebook Fan Page Melayang di Blog
Cara Membuat Fanspage Melayang Di Blog
Cara Baru Membuat Fanspage Facebook Tampil Melayang di Blog
Cara Membuat Like Box (FansPage) Facebook Melayang di blog

8 komentar

Boleh juga ^^ Sekalian buat promosi fp :D

boleh juga nih
ijin bookmark dulu gan
vis back ya wuhand.blogspot.com

thanks gan tutornya semoga bermanfaat
vist back ya http://aoishare.blogspot.com/2014/01/windows-81-corepro-2707392.html

mksih gan ane bakal coba ini diblog ane

http://modding159.blogspot.com/

keren nih, thanks infonya bermanfaat buat saya :D

mantab.. terimakasih banyak buat script tutorialnya...

http://bit.do/2SXk


EmoticonEmoticon