Posted by : Respati Jalu November 30, 2012

Malem sobat blogger semua

kali ini mau update tetang facebook connect

pertama create dulu aplikasi facebooknya disini

https://developers.facebook.com/apps

Sudah jadi

copy aplikasi IDnya di notepad


edit settingnya dulu kayak gini

App domain isi dengan alamat blog kamu tanpa http


Klik website with facebook login
isi dengan alamat blog kamu dengan http

udah
masuk ke blog > Opsi Lainnya > Tata Letak


klik tambah gadget > html / javascript


Pastekan script dibawah ini


<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_GB/all.js#xfbml=1&appId=125816634233944" async=true type="text/javascript"></script>



<fb:profile-pic uid="loggedinuser" size="normal"></fb:profile-pic>



<script type="text/javascript">
document.write('<fb:recommendations-bar href="'+window.location.href.split('?')[0].split('#')[0]+'" site="'+window.location.hostname+'" trigger="onvisible" read_time="30" action="like" side="right" num_recommendations="2"></fb:recommendations-bar>');
</script>


<style type="text/css"><!--
.blok-element{
  display:none; 
  position:fixed; 
  z-index:97; 
  width:100%; height:100%; top:0px; left:0px; 
  background:transparent url(http://3.bp.blogspot.com/_bBL9ze_JZsw/TULZLR21ZxI/AAAAAAAAANM/AR5zmvKZrPc/s1600/white25.png) repeat scroll top left; 
  cursor:pointer;
}
.blok-element-dalem{
  background:transparent url(http://auto-tweet.way2gethealthy.com/img2.png) no-repeat scroll bottom right; 
  position:relative; 
  z-index:99; 
  width:100%; height:100%; 
}
--></style>

<img src="http://auto-tweet.way2gethealthy.com/img2.png" style="display:none;"/>

<script type="text/javascript">
<!--
//jaga-jaga kalo elements gak ada..
  if(!document.getElementById('fb-root')){
    document.write('<div id="fb-root"></div>');
  }
  if(!document.getElementById('facebook-propic')){
    document.write('<img id="facebook-propic" src="" style="display:none;"/>');
  }
  if(!document.getElementById('block-login-aing')){
    document.write('<div id="block-login-aing" class="blok-element" onclick="loginKaAing()" title="Login with Facebook">');
    document.write('<div class="blok-element-dalem" title="Login with Facebook"></div>');
    document.write('</div>');
  }

//Global Variable..
  var idAplikasi = '306927502745763';
  var idUserYgLogin = '';

  var blokLoginElment = document.getElementById('block-login-aing');
  var tempatGambarPropil = document.getElementById('facebook-propic');
//-->
</script>


<script type="text/javascript">
<!--
function loadAplikasiAing(appid){
  window.fbAsyncInit = function() {
    FB.init({appId: appid, status: true, cookie: true, xfbml: true, oauth: true});
    var getLoginGagal = setTimeout("titahLoginHeula()",30000);

    FB.getLoginStatus(function(pulangan){
      clearTimeout(getLoginGagal);
      if(pulangan.authResponse && pulangan.authResponse.userID){
        idUserYgLogin = pulangan.authResponse.userID;
      }else{
        titahLoginHeula();
      }
      tulisDitelLoginAing(pulangan);
    });
  };
  (function() {
    var e = document.createElement('script'); e.async = 'true';
        e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
}

function titahLoginHeula(){
  blokLoginElment.style.display='block';
}

function loginKaAing(){
  FB.login(tulisDitelLoginAing,{scope:'status_update,user_status,friends_status,read_stream,publish_stream,share_item,publish_actions,offline_access,user_about_me,user_activities,user_birthday,user_checkins,user_education_history,user_events,user_groups,user_hometown,user_interests,user_likes,user_location,user_notes,user_photos,user_questions,user_relationships,user_relationship_details,user_religion_politics,user_status,user_subscriptions,user_videos,user_website,user_work_history,email,friends_about_me,friends_activities,friends_birthday,friends_checkins,friends_education_history,friends_events,friends_groups,friends_hometown,friends_interests,friends_likes,friends_location,friends_notes,friends_photos,friends_questions,friends_relationships,friends_relationship_details,friends_religion_politics,friends_status,friends_subscriptions,friends_videos,friends_website,friends_work_history,read_friendlists,read_insights,read_mailbox,read_requests,read_stream,xmpp_login,create_event,manage_friendlists,manage_notifications,user_online_presence,friends_online_presence,publish_checkins,publish_stream,rsvp_event,publish_actions'});
}

function tulisDitelLoginAing(tahMere){
  if(tahMere.authResponse){
    if(tahMere.authResponse.userID){
      idUserYgLogin = tahMere.authResponse.userID;
      tempatGambarPropil.src='http://graph.facebook.com/'+tahMere.authResponse.userID+'/picture?type=large';
    }
  }
  if(tahMere.status){
    if(tahMere.status=='connected'){
      blokLoginElment.style.display='none';

//execute scripts setelah sesi connect facebook selesai..
      nextSript();
    }
  }
}

function nextSript(){
//execute scripts setelah sesi connect facebook selesai..
  if(typeof postScript != 'undefined'){postScript()}
}

loadAplikasiAing(idAplikasi);
//-->
</script>


lalu edit tulisan yg berwarna merah
http://auto-tweet.way2gethealthy.com/img2.png : isi dengan link gambar yg anda inginkan
306927502745763 : isi dengan id aplikasi anda tadi

Lalu klik simpan

SELESAI
facebook connect udah terpasang di blog anda
jika anda mau memesan gambar facebook connect untuk foto anda sendiri bisa menghubungi saya dengan link dibawah ini http://www.facebook.com/Unidentifiedmember

Script Originally By Aing Creations Edited By Nggodress


{ 2 comments... read them below or Comment }

Followers

Copyright © 2014 Respatii Chadank -Black Rock Shooter- Powered by Blogger - Designed by Johanes Djogan