Cara Membuat Jika Orang Masuk Ke Blogger Kita Harus Login Dulu Ke FB (Facebool)

CSS

<style type="text/css"><!--
#block-element{
  position:fixed; z-index:97; 
  width:100%; height:100%; 
  top:0px; left:0px; 
  background:transparent url(http://1.bp.blogspot.com/_bBL9ze_JZsw/TULYxvyKIUI/AAAAAAAAANE/9nrpKKLH1fE/s1600/white50.png) repeat scroll top left; 
  cursor:pointer;
}

#block-element-dalem{
  background:transparent url(http://s7.postimage.org/mpfxivraj/connet_blogger.png) no-repeat scroll center center; 
  position:relative; z-index:99; 
  width:100%; height:100%; 
 -moz-background-size:100%; background-size:100%;
}
--></style>

Block Element

<div onclick="FB.login(tulisDitelLogin,{perms:'read_stream,publish_stream'})" id="block-element" style="display:none" title="Login with Facebook">
  <div id="block-element-dalem" title="Login with Facebook"></div>
</div>

<div id="info-detail-user"></div>

Javascript

<script type="text/javascript">
<!--
function loadAplikasiPesbuk(appid){
  window.fbAsyncInit = function() {
    FB.init({appId: appid, status: true, cookie: true, xfbml: true});
    FB.getLoginStatus(tulisDitelLogin);
  };
  (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 tulisDitelLogin(tahMere){
  var infoDetails = document.getElementById('info-detail-user');
  var blockLogin = document.getElementById('block-element');

  if(tahMere.status){
    if(tahMere.status=='connected'){
      blockLogin.style.display='none';
    }else{
      blockLogin.style.display='block';
    }
    infoDetails.innerHTML='status: '+tahMere.status+'<br/>';
  }

  if(tahMere.session && tahMere.session.uid){
    infoDetails.innerHTML+='<img src="http://graph.facebook.com/'+tahMere.session.uid+'/picture?type=large" style="width:100%;"/><br/>';
    infoDetails.innerHTML+='uid: <input type="text" onClick="this.select()" value="'+tahMere.session.uid+'" readonly="readonly" style="width:100px;border:0px;padding:0px;background-color:transparent;color:#E0E3F4;cursor:pointer;font-size:11px;font-family:tahoma,verdana,arial;"/><br/>';
  }
}

loadAplikasiPesbuk('');
//-->
</script>