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
kok ga bisa om
ReplyDeleteKok lama amat Connect nya .. Om ?
ReplyDelete