template kayax (◣_◢)Fµ©K(◣_◢)

assalamualaikum warahmatullahi wabarakatuh .. yang mao template kaya punya anne sokk attuh donlon ~~gratizz ...~~

nanti di gadget'na yang kosong lo isi yehh ...

CSS

<span style="color: black; font-family: Schoolbell; font-size: 15px;">
<style type="text/css">
.body-fauxcolumns{
  margin-top:-10px;
  height:41px;
  background:#3B5998;
}
.content-outer{
  margin-top:10px;
  overflow:hidden;
}
.content-inner{
  margin-left:180px;
  width:798px;
  border:1px solid #E6FEBF;
}
.header-outer, .tabs-outer, .footer-outer{
  width:auto;
}
.main-outer{
  margin-left:-180px;
}
.column-center-outer{
}
.column-left-inner{
}
.column-right-inner{
}
.CustomSearch{
  width:350px;
  margin-left:-10px;
  margin-top:5px;
  padding:0px;
}
.CustomSearch td.gsc-input input.gsc-input{
  border:1px solid #bdc7d8;
  font-family:"papyrus",tahoma,verdana,arial,sans-serif;
  font-size: 18px;
  padding:3px;
  margin-top:4px; margin-bottom:0px;
  width:300px; height:12px;
}
.CustomSearch .gsc-search-button input{
  background:transparent url(http://a5.sphotos.ak.fbcdn.net/hphotos-ak-ash4/246973_218623861490123_100000275327010_806996_3066554_n.jpg) no-repeat scroll center center; 
  width:23px; 
  height:20px; 
  padding:0px; 
  margin-top:4px; 
  margin-left:-3px; 
  border:1px solid #BEC7D8; 
  border-left:0px; 
  color:transparent; 
  cursor:pointer;
}
.CustomSearch .gsc-search-button{
  width:50px;
}
#uds-searchControl{/*
  position:fixed; 
  z-index:99; 
  left:10%; 
  top:10%; 
  width:80%; height:80%;
  color:white;*/
}
.fauxcolumn-center-outer, .fauxcolumn-right-outer{
  background:#627AAD;
  height:30px;
  margin:-1px;
}
.fauxcolumn-center-outer{
  border-top:1px solid #1D4088;
  border-left:1px solid #1D4088;
}
.fauxcolumn-right-outer{
  border-top:1px solid #1D4088;
  border-right:1px solid #1D4088;
  margin-right:1px;
}
.blog-pager{
  background:##E6FEBF;
  border:1px solid #E6FEBF;
  padding:7px;
}
.blog-feeds, .feed-links, .HTML h2.title, #navbar{
  display:none;
}
h2.date-header span{
  font-size:11px;
}
h3.post-title{
  font-size:150%;
}
h2.date-header, h3.post-title{
  margin:0px;
}
.column-right-inner .widget h2:first-child{
  background:#F2F2F2;
  border-top:1px solid #E2E2E2;
  font-size:11px;
  padding:5px;
}
</style>

<style type="text/css"><!--
body{
  background-image:url(http://www.muskurahat.us/islam/images/wallpapers/vista-wallz-08.jpg);
}
.BlogArchive #ArchiveList ul.posts li, .PopularPosts .popular-posts ul li, .PopularPosts ul, .Profile ul li, .Profile ul, .Profile ol li, .Feed ul, .Feed ul li{
  padding:0px;
}
.column-right-inner .widget h2:first-child{
  margin-bottom:5px;
}
.widget .widget-content{
  background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNU0adlm_KXyY9XhywyvLFawBq4CXa1g2BnYe_7ZOaQ7u3uQEZHUPhbewJcnmWtFiUURGI5KISYvj-sgCntz2prDj8ALyazSPZCx3dpLCY70RR0V_BgGTd3qggRHY2fiFr3iLRJsjdSthn/s1600/white80.png);
}
.column-right-inner .widget .widget-content, .comments, .post-footer, .blog-pager, .content-inner{
  background-image:url(http://3.bp.blogspot.com/_bBL9ze_JZsw/TT_XA8lKqMI/AAAAAAAAAM0/uiy-BP_zbN8/s1600/black25.png);
  color:white;
}
.Blog *, .column-left-inner .widget *{
  color:#cccccc;
}
.Blog, .main .HTML{
  margin-right:-15px;
  /*overflow:hidden;*/
}
.blog-pager{
  background-color:transparent;
  border:1px outset #D8DFEA;
}
.comments{
  margin-bottom:0px;
}
.column-left-inner .widget .widget-content a, .column-right-inner .widget .widget-content a, .Blog a{
  color:yellow;
}
.column-left-inner .widget .widget-content a:visited, .column-right-inner .widget .widget-content a:visited, .Blog a:visited{
  color:#999966;
}
.column-left-inner .widget .widget-content a:hover, .column-right-inner .widget .widget-content a:hover, .Blog a:hover{
  color:lightgreen;
}
.column-right-inner .widget .widget-content a.uiButton, .Blog a.uiButton{
  color:#003366;
}
.column-right-inner .widget:first-child .widget-content, .column-left-inner .widget .widget-content, .CustomSearch .widget-content{
  background-image:none;
}


h2, h3, dt.comment-author a{
  font-family: 'Reenie Beanie',Reenie Beanie,Reenie Beanie,Reenie Beanie,Reenie Beanie;
}
.post-body input, .post-body select{
  color:black;
}
.post-body, .Profile{
 -moz-border-radius:10px 200px 10px 10px / 10px 100px 10px 10px; 
  border-radius:10px 200px 10px 10px / 10px 100px 10px 10px;
  background-image:url(http://1.bp.blogspot.com/_bBL9ze_JZsw/TT_VysqlknI/AAAAAAAAAMs/OgtZMowV_m4/s1600/black50.png);
  border:1px outset black;
  padding:7px;
  width:auto;
}
.Profile{
 -moz-border-radius:200px 10px 10px 10px / 100px 10px 10px 10px; 
  border-radius:200px 10px 10px 10px / 100px 10px 10px 10px;
}
.Profile img{
  padding:3px;
  border:1px outset black;
 -moz-border-radius:7px; border-radius:7px;
}
.post-body img{
  padding:7px; 
  border:1px outset black;
 -moz-border-radius:7px; border-radius:7px;
  max-width:488px;
  vertical-align:middle;
}
.post-body q {
  color:#FFC133;
}
.post-body b {
  color:lightblue;
}
.post-body del, .post-body strike{
  color:lightgreen;
}
.post-body i{
  color:#7BA381;
}
.post-body textarea {
  background-color:transparent;
}

.body-fauxcolumns, .fauxcolumn-center-outer, .fauxcolumn-right-outer{
  background-color:transparent;
  background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi52rCx1_pHK7BhmkzXxX1kVVRiG5l7WUX4-knswPunKrtEjI7yuQamG3FbHn6Cms4_Ahh1QebjqWN8nv7HCbPKFXARuR1pd1M14HaI15qfxeNuC3IGCvbBmgE6Y9GKn1cPx6cbotQqWDmR/s1600/biru25.png);
}
.column-right-inner .widget h2:first-child{
  background-color:transparent;
  background-image:url(http://3.bp.blogspot.com/_bBL9ze_JZsw/TT_XA8lKqMI/AAAAAAAAAM0/uiy-BP_zbN8/s1600/black25.png);
  color:#F2F2F2;
  border-top:1px solid #626262;
  border-bottom:1px solid #626262;
  font-size:11px;
  padding:5px;
  margin-bottom:5px;
}
hr{background-color:#626262;}
a.profile-link{display:none;}
--></style>

LOGO

<center>
<a href="http://www.facebook.com/friends/edit/?sk=requests" title="Add Friend">
<img alt="Friend" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzO7Y0jAXBV7XY6aEcVFg47Qr2SWGnRlJcS3cd6_C-CxpPEYuV1ujdg8n9RSpNARLBeHS5b_SWhvVkW2jp-1MtfNtWZEHZ92_I1nC_gJuG-2fMmZEuKGzcqoXdH2KWn71eSb2VJ1VmAMUK/s1600/Facebook%20Friends%20Request%20Logo.png" /></a>



<a href="http://www.facebook.com/?sk=messages" title="message">
<img alt="message" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6vL9AkjdQgDh0ie6Kn2UAqlrt8JVIe5dMg4JMLAhM8Y3JRn4FMtaPhjKdton5Ua9bPwOa73NmJ8GEffzGYHOAO_tVZmByycB-FWnTNq3hr-_7YUHVaLZBoTstaAbVjBenUn4w8iWW_YBW/s1600/Facebook%20Messages.png" title="" /></a>


<a href="http://www.facebook.com/notifications.php" title="Pemberitahuan">
<img alt="edit" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJYcMRNDNJhRCCYzYgSYqI0lLPkXHmWROncry-U19lVHWNtP_xVuEuo55FdILgGFxmDsGp_bj6MfAdfxr_bIAauPEyVqo3CrLG18lOReXxoIbCOC-8ueuSZh9_mfJ9skFjZwoavPr4xLvw/s1600/Facebook%20Notes.png" title="" /></a></center>

NavBar

<span style="color: black; font-family: Schoolbell; font-size: 15px;">
<style type="text/css">
#uds-searchControl .gs-result .gs-title,
#uds-searchControl .gs-result .gs-title *,
#uds-searchControl .gsc-results .gsc-trailing-more-results,
#uds-searchControl .gsc-results .gsc-trailing-more-results * {
  color:yellow;
}

#uds-searchControl .gs-result .gs-title a:visited,
#uds-searchControl .gs-result .gs-title a:visited * {
  color:skyblue;
}

#uds-searchControl .gs-relativePublishedDate,
#uds-searchControl .gs-publishedDate {
  color: lightgreen;
}

#uds-searchControl .gs-result a.gs-visibleUrl,
#uds-searchControl .gs-result .gs-visibleUrl {
  color: #ccccdd;
}

#uds-searchControl .gsc-results {
  border-color: #6f6f6f;
  background-color: transparent;
  background-image: url(http://1.bp.blogspot.com/_bBL9ze_JZsw/TT_VysqlknI/AAAAAAAAAMs/OgtZMowV_m4/s1600/black50.png);
 -moz-border-radius:0px 5px 10px 10px; border-radius:0px 5px 10px 10px;
}

#uds-searchControl .gsc-tabhActive {
  border-color: #6f6f6f;
  border-top-color: #6f6f6f;
  background-color: transparent;
  background-image: url(http://1.bp.blogspot.com/_bBL9ze_JZsw/TT_VysqlknI/AAAAAAAAAMs/OgtZMowV_m4/s1600/black50.png);
  color: orange;
}

#uds-searchControl .gsc-tabhInactive {
  border-color: #6f6f6f;
  background-color: transparent;
  background-image: url(http://1.bp.blogspot.com/_bBL9ze_JZsw/TT_VysqlknI/AAAAAAAAAMs/OgtZMowV_m4/s1600/black50.png);
  color: green;
}

#uds-searchClearResults {
  border-color: #6f6f6f;
}

#uds-searchClearResults:hover {
  border-color: #6f6f6f;
}

#uds-searchControl .gsc-cursor-page {
  color: white;
}

#uds-searchControl .gsc-cursor-current-page {
  color: yellow;
}

div#napbar{
  text-align:right; 
  font-size:12px;
  font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
  font-weight:bold; 
  margin-top:-30px;
  margin-right:-13px;
  margin-left:-150px;
  display:block;
  white-space:no-wrap;
}
div#napbar a{
  font-size:12px;
  font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
  color:white; 
  font-weight:bold; 
  padding:8px 10px 7px; 
  display:block;
  float:right;
  text-decoration:none;
}
div#napbar a:hover{
  background:#6D86B7;
  text-decoration:none;
  color:white; 
}
</style>

<div id="napbar">
<a href="javascript:void(0)" onclick="if(document.getElementById('navbar').style.display=='block'){document.getElementById('navbar').style.display='none'}else{document.getElementById('navbar').style.display='block'}">Akun ▼</a>

<a href="#" onclick="window.open('http://www.facebook.com/profile.php','forum','toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=800,height=600'); return true;">Profile</a>

<a href="#" onclick="window.open('http://www.facebook.com/home.php','forum','toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=800,height=600'); return true;">Home</a>

</div>

photo-propil'nah

<table>
  <tr>
    <td>
      <fb:profile-pic uid="loggedinuser" size="normal">
        <img src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/203229_100000653280442_1559219_n.jpg" style="max-width:200px; _width:200px;"/>
      </fb:profile-pic>
    </td>
    <td style="vertical-align:top">
      <p id="ckckck"></p>
<div id="tblBuatLogin" style="display:none">
<fb:login-button>Loggin doonk...!!</fb:login-button>
</div>
    </td>
  </tr>
</table>
<script type="text/javascript">
function tulisDataUser(datanya){
  if(document.getElementById('ckckck')){
    if(datanya.name && datanya.link){
      document.getElementById('ckckck').innerHTML+='<h3>Name:</h3><a href="'+datanya.link+'" target="_blank">'+datanya.name+'</a><br/><br/>';
    }
    if(datanya.id){
      document.getElementById('ckckck').innerHTML+='<h3>User ID:</h3>'+datanya.id+'<br/><br/>';
    }
    if(datanya.username){
      document.getElementById('ckckck').innerHTML+='<h3>Username:</h3>'+datanya.username+'<br/><br/>';
    }
    if(datanya.hometown){
      document.getElementById('ckckck').innerHTML+='<h3>Hometown:</h3>'+datanya.hometown.name+'<br/><br/>';
    }
    if(datanya.location){
      document.getElementById('ckckck').innerHTML+='<h3>Location:</h3>'+datanya.location.name+'<br/><br/>';
    }
  }
}
</script>

<script>
window.fbAsyncInit = function() {
  FB.init({appId: '264887889270', status: true, cookie: true, xfbml: true});

  FB.getLoginStatus(function(response) {
    if (response.session) {
document.getElementById('tblBuatLogin').style.display='none';
      FB.api('/me', function(response) {
        if(response.name){tulisDataUser(response);}
      });
    }else{
document.getElementById('tblBuatLogin').style.display='block';
      FB.Event.subscribe('auth.login', function(response) {
        if(response.session){
document.getElementById('tblBuatLogin').style.display='none';
          FB.api('/me', function(response) {
            if(response.name){tulisDataUser(response);}
          });
        }
      });
    }
  });

};

  (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);
  }());
</script>

<style type="text/css">
#navItem_api a.item i, #navItem_welcome a.item i, #navItem_wall a.item i, #navItem_info a.item i{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguQb9QXAzZWy1lfI7zq8Po_PHarzuHNYR_05v3MC7OqnCVtnza78BKeCt35x01KY8r0sb8UEC5zZK-z0AUTb8SXlOjobKFlOoLUtP-_G0HE7Wc4jhqTr0R0XoJ8qXjbqhSNkiEPjwR_fY/s1600/vCfjjxyRREJ.png); background-position:0px -34px; background-repeat:no-repeat; width:16px; height:16px; float:left; margin-left:-22px; margin-top:-1px;}
#navItem_wall a.item i{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs8vMnE4kV3GKpRuwzoRF3wA9IFP6A94wEzLRQOAFQRDLiLoN5q7wU6wj9tb0aH-gTlbO8u964fWFVnVa-3hVGkReLF8RI8-OVTel9ZpRiuWvReKJJKUkj3rdvqs-nOSaVy09aHJT6Dqc/s1600/uf3yIMOzGlm.png); background-position:-17px 0px;}
#navItem_welcome a.item i{background-position:0px -50px;}
#navItem_api a.item i{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqfKe6fPeqv5DiyjNX9DGOiE9-KrKxYRREG7KVJLLUef1BcAltNDqbl6uJnabS1YhVCVZHlB3wDbGS3nJysgO6ykBLsAralUeEjEiZJqejVG8xP4q6XNerZPIw9ROKSSfcsXNLR7avRW8/s1600/Y4igKx3JtVB.png); background-position:-17px -918px;}
</style>

<div class="expandableSideNav expandedMode">
  <div>
    <ul class="uiSideNav">

<script type="text/javascript">
function lodingDong(){
  document.getElementById('Blog1').style.backgroundColor='black';
  document.getElementById('Blog1').innerHTML='<center><img src="http://www.facebook.com/images/loaders/indicator_black.gif"/></center>';
}
function tulisLing(){
  var daptarLing = [
    "http://ijhoonk-childs.blogspot.com/2011/07/welome.html,welcome,Info",
    "http://blog-aiink.blogspot.com/2011/07/update-status_23.html,wall,Status",
    "http://ijhoonk-childs.blogspot.com/2011/07/comment.html,info,Comments",
    "http://ijhoonk-childs.blogspot.com/2011/07/graph-api.html,api,Facebook Feed"
  ];

  for(x in daptarLing){
    if(daptarLing[x].split(',')[0]==window.location.href){
      document.write('<li class="open selectedItem key-'+daptarLing[x].split(',')[1]+' open" id="navItem_'+daptarLing[x].split(',')[1]+'"><a class="item" href="'+daptarLing[x].split(',')[0]+'" onClick="lodingDong()"><i></i> <span class="linkWrap">'+daptarLing[x].split(',')[2]+'</span> </a></li>');
    }else{
      document.write('<li class="key-'+daptarLing[x].split(',')[1]+'" id="navItem_'+daptarLing[x].split(',')[1]+'"><a class="item" href="'+daptarLing[x].split(',')[0]+'" onClick="lodingDong()"><i></i> <span class="linkWrap">'+daptarLing[x].split(',')[2]+'</span> </a></li>');
    }
  }
}
tulisLing();
</script>
</ul></div>
    </div>

DAFTAR PRENN ..

<div id="fb-root"></div>
<div id="daptar-pren"></div>

<script>
  //Loading SDK
  window.fbAsyncInit = function() {
    FB.init({appId: '264887889270', status: true, cookie: true, xfbml: true});
    //Manggil function lodPren(dari 0, sampai 10) after loaded
    lodPren(0,10);
  };
  (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 lodPren(dari,sampai)
  var dptrFrn;
  function lodPren(dr,smp){
    //Nampilin gambar loading
    document.getElementById('daptar-pren').innerHTML='<center><img src="http://static.ak.fbcdn.net/rsrc.php/v1/yb/r/GsNJNwuI-UM.gif"/></center>';
    //manggil http://graph.facebook.com/me/friends
    FB.api('/me/friends', function(response) {
      if(response.data){
        //Bikin Array daftar friends
        dptrFrn=[];
        for(x in response.data){if(response.data[x].id && response.data[x].name){dptrFrn[x]=response.data[x].id+'_nm:'+response.data[x].name}}
        dptrFrn = dptrFrn.sort(function() {return 0.10 - Math.random()});
        tlsPren(dr,smp);
      }else{
        //Nampilin tombol login
        document.getElementById('daptar-pren').innerHTML='<a class="uiButton" onmouseover="suruhLoginDulu()" style="cursor:pointer;">Login dong (Click Gw!)</a><br/>';
        //Nampilin message error
        for(x in response){
          if(response[x]=='[object Object]'){
            document.getElementById('daptar-pren').innerHTML+='<b>'+x+':</b><br/>';
            for(y in response[x]){
              document.getElementById('daptar-pren').innerHTML+='  <b>'+y+':</b> '+response[x][y]+'<br/>';
            }
          }else{
            document.getElementById('daptar-pren').innerHTML+='<b>'+x+':</b><br/>  '+response[x]+'<br/>';
          }
        }
      }
    });
  }

  //Nampilin hasil Array daftar fiends
  function tlsPren(dr,smp){
    document.getElementById('daptar-pren').innerHTML='<hr/><h3 style="font-weight:normal; text-align:center;"><b>'+(dr+1)+'</b> to <b>'+smp+'</b> of <b>'+dptrFrn.length+'</b> Friends</h3><hr/>';
    if(smp>dptrFrn.length){smp=dptrFrn.length}
    if(dr<0){dr=0}
    for(x=dr; x<smp; x++){
      document.getElementById('daptar-pren').innerHTML+='<table><tbody><tr><td style="vertical-align:top;"><img src="http://graph.facebook.com/'+dptrFrn[x].split('_nm:')[0]+'/picture?type=square" style="width:50px; height:50px;"/></td><td style="vertical-align:top;"><a href="http://www.facebook.com/profile.php?id='+dptrFrn[x].split('_nm:')[0]+'" target="_blank"><b>'+dptrFrn[x].split('_nm:')[1]+'</b></a><br/><label for="'+dptrFrn[x].split('_nm:')[0]+'" style="vertical-align:middle;">ID:</label> <input id="'+dptrFrn[x].split('_nm:')[0]+'" type="text" value="'+dptrFrn[x].split('_nm:')[0]+'" onmouseover="this.select();" readonly="readonly" style="border:0px; padding:0px; margin:0px; vertical-align:middle; width:100px; font-size:10px;"/></td></tr></tbody></table>';
    }
    if(dr==0){
      document.getElementById('daptar-pren').innerHTML+='<hr/><center style="font-weight:bold;"><a class="uiButton" style="margin-right:30px;" onclick="tlsPren('+(dptrFrn.length-10)+','+(dptrFrn.length)+')">..Prev</a> <a class="uiButton" onclick="tlsPren('+smp+','+(smp+10)+')">Next..</a></center><hr/>';
    }else if(smp==dptrFrn.length){
      document.getElementById('daptar-pren').innerHTML+='<hr/><center style="font-weight:bold;"><a class="uiButton" style="margin-right:30px;" onmouseover="tlsPren('+(dr-10)+','+dr+')">..Prev</a> <a class="uiButton" onmouseover="tlsPren(0,10)">Next..</a></center><hr/>';
    }else{
      document.getElementById('daptar-pren').innerHTML+='<hr/><center style="font-weight:bold;"><a class="uiButton" style="margin-right:30px;" onclick="tlsPren('+(dr-10)+','+dr+')">..Prev</a> <a class="uiButton" onclick="tlsPren('+smp+','+(smp+5)+')">Next..</a></center><hr/>';
    }
  }

//Script by kak Irland :P
  function suruhLoginDulu(){
    FB.login(function(response){lodPren(0,10)}, {perms:'read_stream,publish_stream'});
  }
</script>

facebook graph API

<span style="color: black; font-family: Schoolbell; font-size: 15px;">
<script>
window.fbAsyncInit = function() {
  FB.init({appId: '124688910911852', status: true, cookie: true, xfbml: true});

  FB.getLoginStatus(function(response) {
    if (response.session) {
document.getElementById('tblBuatLogin').style.display='none';
      FB.api('/me', function(response) {
        if(response.name){tulisDataUser(response);}
      });
    }else{
document.getElementById('tblBuatLogin').style.display='block';
      FB.Event.subscribe('auth.login', function(response) {
        if(response.session){
document.getElementById('tblBuatLogin').style.display='none';
          FB.api('/me', function(response) {
            if(response.name){tulisDataUser(response);}
          });
        }
      });
    }
  });

};

  (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);
  }());
</script>

<div id="tempat-nulis-data"></div>

<hr/><a onclick="batalkan='yes'; hitungMundur();" style="cursor:pointer;">ｃｌｉｃｋ ｈｅｒｅ..</a> <b id="hitung-mundur"></b> <img id="gambar-loding" src="http://static.ak.fbcdn.net/rsrc.php/v1/yb/r/GsNJNwuI-UM.gif" style="display:none"/><hr/>

<script type="text/javascript">
function mentaFeedDong(IDnya,con){
  FB.api('/'+IDnya+'/'+con, function(feedNya) {
    if(feedNya.data){tulisFeed(feedNya);}else{erorCuy(feedNya);}
  });
}

function tulisFeed(feedNya){
  if(document.getElementById('tempat-nulis-data')){
    var tnd = document.getElementById('tempat-nulis-data');

    if(feedNya.data.length<30){var batesan=feedNya.data.length;}else{var batesan=30;}
    var feedAcak = feedNya.data.sort(function() {return 0.5 - Math.random()});

    tnd.innerHTML=batesan+' of '+feedNya.data.length+'<hr/>';

    for(x=0; x<batesan; x++){
      tnd.innerHTML+='<table style=""><tr><td id="potonugelo'+x+'" style="vertical-align:top;"></td><td id="katanugelo'+x+'" style="vertical-align:top;"></td></tr></table>';

      if(feedAcak[x].from && feedAcak[x].from.id && feedAcak[x].from.name){
        document.getElementById('potonugelo'+x).innerHTML='<a href="http://www.facebook.com/profile.php?id='+feedAcak[x].from.id+'"><img src="http://graph.facebook.com/'+feedAcak[x].from.id+'/picture?type=square"/></a>';
        document.getElementById('katanugelo'+x).innerHTML='<a href="http://www.facebook.com/profile.php?id='+feedAcak[x].from.id+'"><b>'+feedAcak[x].from.name+'</b></a><br/>';
      }
      if(feedAcak[x].message){document.getElementById('katanugelo'+x).innerHTML+=feedAcak[x].message.replace(/\n/gi,'<br/>')+'<br/>';}
      //if(feedAcak[x].picture){document.getElementById('katanugelo'+x).innerHTML+='<img src="'+feedAcak[x].picture+'" style="float:left;margin-right:7px;"/>';}
      if(feedAcak[x].name && feedAcak[x].link){document.getElementById('katanugelo'+x).innerHTML+='<a href="'+feedAcak[x].link+'" target="_blank"><b>'+feedAcak[x].name+'</b></a>';}else if(feedAcak[x].name && feedAcak[x].id){document.getElementById('katanugelo'+x).innerHTML+='<table><tr><td style="vertical-align:top;"><img src="http://graph.facebook.com/'+feedAcak[x].id+'/picture?type=square"/></td><td style="vertical-align:top;"><a href="http://www.facebook.com/profile.php?id='+feedAcak[x].id+'" target="_blank"><b>'+feedAcak[x].name+'</b></a><br>ID: '+feedAcak[x].id+'</td></tr></table>';}else if(feedAcak[x].name){document.getElementById('katanugelo'+x).innerHTML+='<b>'+feedAcak[x].name+'</b>';}
      if(feedAcak[x].caption){document.getElementById('katanugelo'+x).innerHTML+='<br/><span style="color:#808080;">'+feedAcak[x].caption+'</span>';}
      if(feedAcak[x].description){document.getElementById('katanugelo'+x).innerHTML+='<br/><span style="color:#808080;">'+feedAcak[x].description+'</span>';}

      document.getElementById('katanugelo'+x).innerHTML+='<div style="clear:both"></div>';
      if(feedAcak[x].icon){document.getElementById('katanugelo'+x).innerHTML+='<img src="'+feedAcak[x].icon+'" style="vertical-align:middle;"/> ';}
      if(feedAcak[x].application){if(feedAcak[x].application.name && feedAcak[x].application.id){document.getElementById('katanugelo'+x).innerHTML+='via <a href="http://www.facebook.com/apps/application.php?id='+feedAcak[x].application.id+'" target="_blank">'+feedAcak[x].application.name+'</a> · ';}}

      if(feedAcak[x].actions){
        for(y in feedAcak[x].actions){
            if(y!=0 && y<feedAcak[x].actions.length){document.getElementById('katanugelo'+x).innerHTML+=' · ';}
          if(feedAcak[x].actions[y].name && feedAcak[x].actions[y].link){
            document.getElementById('katanugelo'+x).innerHTML+='<a href="'+feedAcak[x].actions[y].link+'" target="_blank"><span id="'+feedAcak[x].actions[y].name+x+'"></span> '+feedAcak[x].actions[y].name+'</a>';
          }
        }
        document.getElementById('katanugelo'+x).innerHTML+='<hr/>';
      }
      if(feedAcak[x].likes && document.getElementById('Like'+x)){document.getElementById('Like'+x).innerHTML=feedAcak[x].likes.count;}
      if(feedAcak[x].comments && document.getElementById('Comment'+x)){document.getElementById('Comment'+x).innerHTML=feedAcak[x].comments.count;}

      if(feedAcak[x].comments && feedAcak[x].comments.data){
        for(y in feedAcak[x].comments.data){
          document.getElementById('katanugelo'+x).innerHTML+='<div style="background-color:#EDEFF4; padding:5px 5px 4px 5px; margin-bottom:2px; clear:both; border-bottom:1px solid #E5EAF1;"><img src="http://graph.facebook.com/'+feedAcak[x].comments.data[y].from.id+'/picture?type=square" style="float:left;margin-right:7px;width:32px;"/> <div style="margin-left:40px"><a href="http://www.facebook.com/profile.php?id='+feedAcak[x].comments.data[y].from.id+'" target="_blank"><b>'+feedAcak[x].comments.data[y].from.name+'</b></a> <i>said..</i> '+feedAcak[x].comments.data[y].message.replace(/\n/gi,'<br/>')+'</div><div style="clear:both;"></div></div>';
        }
      }
    }
  }
  udahLodingMuluAh();
}

function erorCuy(dataNya){
  if(document.getElementById('tempat-nulis-data')){
    var tnd = document.getElementById('tempat-nulis-data');
    tnd.innerHTML='<dl>';

    if(dataNya=='[object Object]'){
      for(x in dataNya){
        if(dataNya[x]=='[object Object]'){
          tnd.innerHTML+='<dt style="color:darkred">'+x+'</dt>';
          for(y in dataNya[x]){
            tnd.innerHTML+='<dt>'+y+'</dt>';
            tnd.innerHTML+='<dd>'+dataNya[x][y]+'</dd>';
          }
        }else{
          tnd.innerHTML+='<dt>'+x+'</dt>';
          tnd.innerHTML+='<dd>'+dataNya[x]+'</dd>';
        }
      }
    }else{
      tnd.innerHTML+='<dt>'+dataNya+'</dt>';
    }

    tnd.innerHTML+='</dl>';
    udahLodingMuluAh();
  }
}

function udahLodingMuluAh(){
    document.getElementById('gambar-loding').style.display='none';
    document.getElementById('input-user').style.display='block';
    document.getElementById('gambar-loding2').style.display='none';
}

var mulaiDari = '3';
var batalkan = 'no';

function hitungMundur(){
  if(batalkan == 'yes'){
    document.getElementById('hitung-mundur').innerHTML='';
    if(document.getElementById('gambar-loding')){document.getElementById('gambar-loding').style.display='inline-block';} 
    mentaFeedDong('me','feed');
  }else{
    if(mulaiDari < '0'){
      document.getElementById('hitung-mundur').innerHTML='';
      if(document.getElementById('gambar-loding')){document.getElementById('gambar-loding').style.display='inline-block';} 
      mentaFeedDong('me','feed');
    }else{
      document.getElementById('hitung-mundur').innerHTML=mulaiDari;
      mulaiDari--;
      setTimeout("hitungMundur()",1000);
    }
  }
}

hitungMundur();
</script></span>

READING LIST

<span style="color: black; font-family: Schoolbell; font-size: 15px;">
<div id="kode" style="padding:0px; border:none; margin-top:10px; font-family:Schoolbell; font-size:12px; background-image:url(http://www.muskurahat.us/islam/images/wallpapers/vista-wallz-08.jpg); color:cyan;">
<div id="kode" style="background-image:url(http://1.bp.blogspot.com/_bBL9ze_JZsw/TT_VysqlknI/AAAAAAAAAMs/OgtZMowV_m4/s1600/black50.png);"><div id="bang-disiniajebang"></div>
<div id="ridinglis"></div>

<hr/>

<center id="mor"></center>



<script type="text/javascript">
function lodAwalRidinglis(brapa){
  var aydiBlog = '619237760460091460';
  var alamatNya = 'http://www.blogger.com/feeds/'+aydiBlog+'/posts/default?alt=json-in-script&max-results='+brapa;
  lodRidinglis(alamatNya);
}

function colokData(pos){
  for(z in pos.feed.entry){
    for(y in pos.feed.entry[z].link){
      if(pos.feed.entry[z].link[y].rel == 'alternate'){
        var linkPostingan = pos.feed.entry[z].link[y].href;
        var judulPostingan = pos.feed.entry[z].link[y].title;
      }
    }
    if(linkPostingan==window.location.href){
      document.getElementById('ridinglis').innerHTML+='<marquee scrollamount="4" class="item-title"><a class="judul" href="'+linkPostingan+'" style="color:white; background-color:cyan;">'+judulPostingan+'</a></marquee>';
    }else{
      document.getElementById('ridinglis').innerHTML+='<span class="item-title"><a class="judul" href="'+linkPostingan+'">'+judulPostingan+'</a></span>';
    }
  }
  for(a in pos.feed.link){
    if(pos.feed.link[a].rel == 'next'){
      var alamatNya = pos.feed.link[a].href;
    }
  }
  if(alamatNya){
    document.getElementById('mor').innerHTML='<a class="uiButton" onClick="lodRidinglis(\''+alamatNya+'\')" style="cursor:pointer;">..more..</a>';
  }else{
    document.getElementById('mor').innerHTML='<a class="uiButton" href="#ridinglis" style="cursor:pointer;">..back..</a>';
  }
}

function lodRidinglis(alamatNya){
  document.getElementById('mor').innerHTML='<img src="http://images.gmx.com/images/outsource/application/mailclient/mailcom/resource/mailclient/widgets/blue/common/loading_animation_en-3447255655.gif"/>';
  var sengkrip = document.createElement('script'); 
      sengkrip.async = 'true';
      sengkrip.src = alamatNya+'&callback=colokData';
  document.getElementById('bang-disiniajebang').appendChild(sengkrip);
}

lodAwalRidinglis(99);
</script></div></div>
<script type="text/javascript">document.write('<scr'+'ipt src="http://connect.facebook.net/en_US/all.js#appId='+IDaplikasi+'&xfbml=1"></scr'+'ipt>')</script>


<script type="text/javascript">
function cekPPFB(){
  var isiProPikPes = document.getElementById('propic-user').innerHTML;
  var hasilSaringan = isiProPikPes.replace(/</gi,' ').split('img src="http://')[1].split('\.')[0];

  if(hasilSaringan != 'profile'){
    document.getElementById('propic-user').style.display = 'none';
    document.getElementById('tombol-login').style.display = 'block';
    document.getElementById('propic-default').style.display = 'block';
  }else{
    clearInterval(cekAjaTerus);
    document.getElementById('propic-user').style.display = 'block';
    document.getElementById('tombol-login').style.display = 'none';
    document.getElementById('propic-default').style.display = 'none';
  }
}

cekAjaTerus = setInterval("cekPPFB()",100);



function tulisTanggalSekarang(){
  var bulan = ['January', 
               'February', 
               'March' ,
               'April', 
               'May', 
               'June' ,
               'July', 
               'August', 
               'September' ,
               'Oktober', 
               'November', 
               'Desember'];
  var currentTime = new Date();
  var mth = currentTime.getMonth();
  var month = bulan[mth];
  var day = currentTime.getDate();
  var year = currentTime.getFullYear();
  document.write(month + ' ' + day + ', ' + year +' ');
}

function tulisJamSekarang(){
  var currentTime = new Date();
  var jambarateh = currentTime.getHours();
  if(jambarateh > 11){
    var jambara = jambarateh - 12;
    var iraha = 'PM';
  }else{
    var jambara = jambarateh;
    var iraha = 'AM';
  }

  var sabaramenit = currentTime.getMinutes();
  if (sabaramenit < 10){
    var menit = '0' + sabaramenit;
  }else{
    var menit = sabaramenit;
  }

  document.write(' @ ' + jambara + ':' + menit + ' ' + iraha);
}

function printParaAuthors(){if(document.getElementById('Profile1')){
  if(document.getElementById('Profile1').getElementsByTagName('li')[0] != undefined){
    var daptarAuthors = document.getElementById('Profile1').getElementsByTagName('li');
    var yangLgPosting = document.getElementById('nama-yang-posting').innerHTML;
    var banyaknyaAuthors = daptarAuthors.length;
    for(x = 0; x < banyaknyaAuthors; x++){
      var uriAuthor = daptarAuthors[x].getElementsByTagName('a')[0].href;
      var namaAuthor = daptarAuthors[x].getElementsByTagName('a')[0].innerHTML;
      if(namaAuthor == yangLgPosting){
        document.getElementById('nama-yang-posting').innerHTML = '<a href="'+uriAuthor+'" target="_blank">'+namaAuthor+'</a>'
      }
    }
  }else if(document.getElementById('Profile1').getElementsByTagName('dt')[0] != undefined){
    var daptarAuthors = document.getElementById('Profile1').getElementsByTagName('dt');
    document.getElementById('nama-yang-posting').innerHTML = daptarAuthors[0].innerHTML;
    document.getElementById('Profile1').getElementsByTagName('h2')[0].innerHTML='About me';
    document.write('<style type="text/css">#Profile1 a.profile-link{display:none}</style>');
  }
}
}
printParaAuthors();
</script>



















<center>
  <div id='tengkiw' 
       onclick='tagklaud();' 
       onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' 
       onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100'>

    <br/>Terimakasih Sudah Berkunjung.. 
    <fb:name uid='loggedinuser' useyou='false'></fb:name>

    <div id='kopirait'>
      © 
      <script type='text/javascript'>tulisTanggalSekarang()</script>
      <script type='text/javascript'>document.write(namaBlog)</script>
      <script type='text/javascript'>tulisJamSekarang()</script>
    </div>
  </div>
</center>

selamat mencoba semoga ~~tidak ~~berhasil~~~~
~~tunggu aku di surga~~