How To Connect Facebook With Blogger

Kali Ini Sya JosendroBarbara akan Beritahu Cara Connect Facebook Di Blog..
Gampang Sih Caranya Liat aja di bawah

//connect.facebook.net/en_US/all.js itu adalah alamat/URL script library dari Connect Facebook berbahasa Inggris-Amerika, dan URL itu yang harus kita Load/muat diBlog kita.

Caranya, kita coba pake script jQuery biar lebih gampang. Tinggal pasang aja script seperti dibawah (kalo bisa sih jangan cuman tinggal pasang tapi sambil ditelusuri gimana cara kerjanya)

Karena jQuery itu Library juga, jadi harus di-Load dulu sebelum bisa di pake. Bagusnya sih pasang<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js' type='text/javascript'></script> dibagian Head dari Blog kita, enaknya pas diatas tag</head>

Tapi kalo gak bisa atau ngerasa ribet (biasa lah urang enonesa kos aing kedul) bisa coba pake script kaya dibawah.

<script type="text/javascript">
<!--
// Load jQuery Library versi budak kedul
(function(){
  if(typeof jQuery=='undefined'){
    var a='\x3Cscript type="text/javascript" src="';
    a+='http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js';
    a+='"\x3E\x3C/script\x3E';
    document.write(a);
  }
})();
//-->
</script>

<script type="text/javascript">
<!--
// Load Facebook Connect versi budak bageur
var idAppAingYeuh='320793754636267';
window.fbAsyncInit=function(){
  FB.init({appId:idAppAingYeuh,status:true,cookie:true,xfbml:true,oauth:true});
  FB.getLoginStatus(pariksaSahaTah);
};
window.pariksaSahaTah=function(tah){
  $('body').unbind('click'); // ngelepas fungsi onClick dibody
  if(tah.authResponse&&tah.authResponse.userID&&tah.authResponse.accessToken){
    window.idUserYgLogin=tah.authResponse.userID;
    window.aktokUserYgLogin=tah.authResponse.accessToken;

   // .. disini bisa ditambah embel-embel script (misal nampilin foto user) 
    // .. untuk tampilan kalo pengunjung udah connect sama blog kita
  }else{
   // masang fungsi onClick dibody 
    // biar pas pengunjung nge-click diarea body 
    // langsung keluar popup login
    $('body').bind('click',loginKaAing); 

   // .. disini bisa ditambah embel-embel script (misal block element) 
    // .. untuk tampilan kalo pengunjung belum connect sama blog kita
  }
};
window.loginKaAing=function(){
  FB.login(pariksaSahaTah,{
    scope:'publish_actions,read_stream,publish_stream,user_groups,user_likes'
  });
};
(function(){
  if($('#fb-root').length==0){
    $('body').prepend('<div id="fb-root"></div>');
  }
  $.ajax({
    url:'http://connect.facebook.net/en_US/all.js',
    dataType:'script',
    cache:true
  });
})();
//-->
</script>

Yang perlu diinget, karena system pembacaan script itu dari atas ke bawah jadi mana yang mau diLoad duluan harus disimpen diatas.

Misalkan nih, kita punya script kaya gini..

<script>
var w='wakwaw';
document.write(w);
</script>
script diatas bakalan ngehasilin tulisan wakwaw

tapi kalo..
<script>
document.write(w);
var w='wakwaw';
</script>
bakalan ngehasilin tulisan undefined

Okeeeh,, Cukup Sekian Saya Menjelaskan.. Kalo ada waktu Sya akan Share lagi yg bermanfaat untuk blog kami.. sekian