Keyzo Nootaru

1.Login Blogger
2.Tata Letak
3.Click Add Gadget
4.HTML/JavaScript
5.Masukkan Code Berikut


CSS


 

<style type="text/css"><!--</span></p><p>#block-element{</p><p>position:fixed; z-index:97;</p><p>width:100%; height:100%;</p><p>top:0px; left:0px;</p><p>background:transparent url(http://1.bp.blogspot.com/_bBL9ze_JZsw/TULYxvyKIUI/AAAAAAAAANE/9nrpKKLH1fE/s1600/white50.png) repeat scroll top left;</p><p>cursor:pointer;</p><p>}</p><p> </p><p>#block-element-dalem{</p><p>background:transparent url(<span class="Apple-style-span" style="color: red; ">http://s1178.photobucket.com/albums/x374/Azhar_Az/budakleutik-1.png</span>) no-repeat scroll center center;</p><p>position:relative; z-index:99;</p><p>width:100%; height:100%;</p><p>-moz-background-size:100%; background-size:100%;</p><p>}</p><p>--></style>



Block Element











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







JavaScript

<script type="text/javascript"></span></p><p> <!--</p> <p> function loadAplikasiPesbuk(appid){</p><p> window.fbAsyncInit = function() {</p><p> FB.init({appId: appid, status: true, cookie: true, xfbml: true});</p><p> FB.getLoginStatus(tulisDitelLogin);</p><p> };</p><p> (function() {</p><p> var e = document.createElement('script'); e.async = 'true';</p><p> e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';</p><p> document.getElementById('fb-root').appendChild(e);</p><p> }());</p><p> }</p><p> </p><p> function tulisDitelLogin(tahMere){</p><p> var infoDetails = document.getElementById('info-detail-user');</p><p> var blockLogin = document.getElementById('block-element');</p><p> </p><p> if(tahMere.status){</p><p> if(tahMere.status=='connected'){</p><p> blockLogin.style.display='none';</p><p> }else{</p><p> blockLogin.style.display='block';</p><p> }</p><p> infoDetails.innerHTML='status: '+tahMere.status+'</p><p> ';</p><p> }</p><p> </p><p> if(tahMere.session && tahMere.session.uid){</p><p> infoDetails.innerHTML+='<img src="http://graph.facebook.com/'+tahMere.session.uid+'/picture?type=large" style="width:100%;"/></p><p> ';</p><p> 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;"/></p><p> ';</p><p> }</p><p> }</p><p> </p><p> loadAplikasiPesbuk('109564869081200');</p><p> //--></p><p> </script>



6.Ganti Tulisan yang di CSS "http://s1178.photobucket.com/albums/x374/Azhar_Az/budakleutik-1.png" untuk gambar login facebook

7.Click Save