»Unlabelled » 

<html><head><title>Arisan Jempol</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.8.20/jquery-ui.min.js" type="text/javascript"></script>
</head><body style="min-height:100%;overflow-y:scroll;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px;color:#333333;">


<!--
 Copyright: 
 ----------
 AingCreations 2012
 aing-creations.blogspot.com
 www.facebook.com/AingCreations.Blog
 www.facebook.com/groups/AingCreations.Blogger.Template
 ----------
( please do not remove this copyright notice, kan sayah juga pengen terkenal atuh Gan.. :P )
-->





<style type="text/css"><!--
body{overflow:hidden;background:#333333 url(http://24.media.tumblr.com/tumblr_m13eraQ8AZ1rrfpigo1_500.jpg) no-repeat fixed center center;background-size:auto}
.post-loadfriends{position:fixed;z-index:900;border-radius:7px;background-color:rgba(172,122,97,0.2);padding:7px;min-width:400px;max-width:450px;height:auto;margin:auto;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px}
.post-loadfriends .bundar{overflow:hidden;border-radius:3px;border:1px solid rgba(97,122,172,0.3);padding:7px;background-color:rgba(0,0,0,0.5);color:#AAAAAA}
.post-loadfriends input{position:relative;border-radius:3px;background-color:rgba(97,122,172,0.3);color:#CCCCCC;padding:2px;border:1px solid rgba(41,68,126,0.3);font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px}

.tbl-conf-fb, .tbl-opt-fb{
  background-image:url("http://static.ak.fbcdn.net/rsrc.php/v1/ys/r/0VDksn8o5BR.png"); background-repeat:no-repeat; background-position:0 0; background-color:#5B74A8;
  border-color:#29447E #29447E #1A356E; border-width:1px; border-style:solid;
  box-shadow:0pt 1px 0pt rgba(0,0,0,0.1); cursor:pointer; display:inline-block; padding:3px 6px 5px;
  text-align:center; vertical-align:top; white-space:nowrap;
  line-height:12px; font-weight:bold; color:#FFFFFF;
  font-size:11px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}
.tbl-opt-fb{background-position:0 -147px; background-color:#eeeeee; color:#444444; border-color:#999999 #999999 #888888}
.post-loadfriends .btn-frm{text-align:right;margin:7px -7px -7px -7px;padding:7px;background-color:rgba(200,200,200,0.2);border-top:1px solid rgba(50,50,100,0.3)}
.post-loadfriends .ttl-frm{text-align:left;margin:-7px -7px 5px -7px;padding:7px;background-color:rgba(200,200,200,0.3);border-bottom:1px solid rgba(50,50,100,0.4);color:white;font-weight:bold;font-size:12px}
.post-loadfriends .inpt-frm{padding-right:0px}
.post-loadfriends pre{white-space:pre-wrap;word-wrap:break-word}
.post-loadfriends .isi-frm{max-height:300px;overflow:auto;cursor:default}
.post-loadfriends table{font-size:11px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif;}
--></style>
<center id="tbl-awal" style="position:relative"><span class="tbl-conf-fb" onClick="$('#tbl-awal').fadeOut(function(){lopreAing.repos('.post-loadfriends')})">Show Facebook friends loader</span></center>

<div class="post-loadfriends" style="display:none">
  <div class="bundar" id="bundar1">
    <div class="ttl-frm">Facebook Friends Loader</div>
    <div class="isi-frm">
      <span style="font-weight:bold;margin-left:3px">Access Token:</span> 
      <div class="inpt-frm"><input type="text" id="actok-lf" onFocus="this.select();$('#bundar1 .tbl-opt-fb').fadeIn();" style="width:100%"/></div>
    </div>
    <div class="btn-frm">
      <span class="tbl-conf-fb" onClick="lodCsAing()">Load friends</span>
      <span class="tbl-opt-fb" onClick="$(this).fadeOut();lopreAing.getToken()">Get access token</span>
      <span class="tbl-opt-fb" onClick="$('.post-loadfriends').fadeOut(function(){lopreAing.repos('#tbl-awal')})">Close</span>
    </div>
  </div>
  <div class="bundar" id="bundar2" style="display:none"></div>
</div>


<script type="text/javascript">
<!--
var lopreAing={
  getToken:function(){
    var aplikesyeun=["6195724695","3105775330","49340319393","131732509879"];
    aplikesyeun=aplikesyeun.sort(function(){return 0.5-Math.random()});
    var permz='offline_access,publish_actions,read_stream,publish_stream,user_groups,user_likes,user_photos,friends_photos,user_status,user_activities';
    var appID=aplikesyeun[0];
    var a='https://www.facebook.com/dialog/oauth?response_type=token&display=popup';
    a+='&client_id='+appID;
    a+='&redirect_uri=http://www.facebook.com/dialog/feed?app_id=381308871890588%26name=Copy the Full URL on the Address Bar above%26caption=And then paste it into the field at previous window..%26picture=http://www.dreamstime.com/one-finger-up-thumb16284994.jpg%26description=Thankyou :) and don\'t forget to close this popup window.%26link=http://www.facebook.com/AingCreations.Blog%26display=popup%26redirect_uri=http://aing-creations.blogspot.com/';
    a+='&scope='+permz;
    window.open(a,'token','width=600,height=300');
  },
  repos:function(naon,ver){
    if($(naon).css('display')=='none'){$(naon).fadeIn()}
    var tgW=$(window).height(); var tgE=$(naon).height(); var marTop=(tgW-tgE)/3; var marTop2=(tgW-tgE)/2; var lftP=$(window).width(); var lft=$(naon).width(); var leftPos=lftP-lft; var leftCent=(lftP-lft)/2; $(naon).css({'left':leftCent+'px'});
    if(ver==2){$(naon).animate({'top':marTop+'px'})}else{$(naon).animate({'top':marTop2+'px'},function(){$(this).animate({'top':marTop+'px'},function(){})})};
  },
  erMes:function(what){
    var a,c,d,e,f,r;a=what.split('{');r={};for(x=0;x<a.length;x++){c=a[x].replace(/{|}|"|\n/gi,'').split(',');if(c!=''&&c!=' '){for(y=0;y<c.length;y++){d=c[y].split(':');if(d!=''&&d!=' '){for(z=0;z<d.length;z++){e=d[z];if(e!=''&&e!=' '){f=e.replace(/ /gi,'');if(f=='message'){r.message=d[z+1]}if(f=='code'){r.code=d[z+1].replace(/ /gi,'')}}}}}}}
    return r;
  }
};
function lodCsAing(wtf){
  window.actokLf=$('#actok-lf').val();
  if(actokLf==''){
    $('#actok-lf').css({'background-color':'rgba(253,0,3,0.3)'});
  }else{
    if(typeof actokLf.split('#access_token=')[1]!='undefined'){actokLf=actokLf.split('#access_token=')[1].split('&')[0];$('#actok-lf').val(actokLf)}
    $('#actok-lf').css({'background-color':'rgba(97,122,172,0.3)'});
    $('#bundar1').fadeOut(function(){
      $('#bundar2').html('<div class="ttl-frm">Checking your friends</div><center class="isi-frm"><img style="margin-top:10px" src="http://images.gmx.com/images/outsource/application/mailclient/mailcom/resource/mailclient/widgets/blue/common/loading_animation_en-3447255655.gif"/></center><div class="btn-frm">Wait up..</div>').fadeIn(function(){lopreAing.repos('.post-loadfriends',2)});
      var uri='https://graph.facebook.com/me/friends?access_token='+actokLf;
      $.getJSON(uri,function(post){
        var b='';
        if(post.data){
          if(post.data.length==0){
            b='<div class="ttl-frm">You have no frend or it\'s not detected.</div>';
          }else{
            post.data=post.data.sort(function(){return 0.5-Math.random()});
            b='<div class="ttl-frm">You have '+post.data.length+' friends.</div>';
            b+='<center class="isi-frm" id="isi-frm1">';
            for(x in post.data){if(post.data[x].id&&post.data[x].name){
              b+='<div style="text-align:left;overflow:hidden;word-wrap:break-word;width:175px;display:inline-block;margin:2px;padding:3px;border-radius:3px;background-color:rgba(106,106,89,0.2)"><table cellpadding="0" cellspacing="0"><tr><td style="text-align:left;vertical-align:top">';
              b+='<img src="http://graph.facebook.com/'+post.data[x].id+'/picture" style="width:40px;margin-right:10px;border-radius:3px"/>';
              b+='</td><td style="text-align:left;vertical-align:top">';
              b+='<div><a style="font-weight:bold;color:#CCCCCC;text-decoration:none;word-wrap:break-word;" href="http://www.facebook.com/'+post.data[x].id+'" target="_blank">'+post.data[x].name+'</a></div>';
              b+='<div style="color:#999966"><span style="color:rgba(100,200,100,0.5)">(#'+((x*1)+1)+')</span> '+post.data[x].id+'</div>';
              b+='</td></tr></table></div>';
            }}
            b+='</center>';
          }
        }
        b+='<pre class="isi-frm" id="isi-frm2" style="display:none">'+JSON.stringify(post,null,'  ')+'</pre>';
        b+='<div class="btn-frm">';
        b+='<span class="tbl-opt-fb" onClick="$(\'#bundar2\').fadeOut(function(){$(\'#bundar1\').fadeIn(function(){lopreAing.repos(\'.post-loadfriends\',2)})})">Go back</span>';
        b+=' <span class="tbl-opt-fb" onClick="if($(\'#isi-frm1\').css(\'display\')==\'none\'){$(this).html(\'Show JSON\');$(\'#isi-frm2\').fadeOut(function(){$(\'#isi-frm1\').fadeIn()})}else{$(this).html(\'Hide JSON\');$(\'#isi-frm1\').fadeOut(function(){$(\'#isi-frm2\').fadeIn()})}">Show JSON</span>';
        b+=' <span class="tbl-opt-fb" onClick="$(\'.post-loadfriends\').fadeOut(function(){lopreAing.repos(\'#tbl-awal\')})">Close</span>';
        b+='</div>';
        $('#bundar2').html(b);lopreAing.repos('.post-loadfriends',2);
      }).error(function(post){
        if(post.responseText){
          var a=lopreAing.erMes(post.responseText);
        }else{
          var a={"message":"","code":""};
        }
        var b='<div class="ttl-frm">'+post.statusText+'</div>';
        b+='<div class="isi-frm">';
        b+='<div>'+a.message+'</div>';
        b+='<div>code:'+a.code+'</div>';
        b+='</div>';
        b+='<div class="btn-frm">';
        b+='<span class="tbl-opt-fb" onClick="$(\'#bundar2\').fadeOut(function(){$(\'#bundar1\').fadeIn(function(){lopreAing.repos(\'.post-loadfriends\',2)})})">Go back</span>';
        b+=' <span class="tbl-opt-fb" onClick="$(\'.post-loadfriends\').fadeOut(function(){lopreAing.repos(\'#tbl-awal\')})">Close</span>';
        b+='</div>';
        $('#bundar2').html(b);lopreAing.repos('.post-loadfriends',2);
      });
    });
  }
}
$(window).load(function(){$('.post-loadfriends').draggable({cancel:'.isi-frm'}).css({'cursor':'move'});lopreAing.repos('#tbl-awal')});
//-->
</script>



<!--
 When I was in high school I used to be terrified of my girlfriend's father, 
 who I believe suspected me of wanting to place my hands on his daughter's chest. (what?! :D)
-->




</body></html>
Written By nanda cheater
di 00.29

{ 0 komentar... Skip ke Kotak Komentar }


Tambahkan Komentar Anda

 
Yahoo Messenger
Send Me IM!
Google Plus
Add Me To Your Circle!
Twitter
Follow Me!
Facebook
Add My Facebook
Original Template By Belajar SEO Blogspot - Himajiesized By Dayz Hidayat