Tips Cara Membuat Login / Connect With Facebook Pada Blog

Tips Cara Membuat Login / Connect With Facebook Pada Blog : Kali Ini Saya Akan Bahas Tentang "Tips Cara Membuat Login / Connect With Facebook Pada Blog" Kira Kira Seperti Apa Yahhh ?? Yang Jelas Anda Bisa Melihatnya Pada Gambar Di Samping ?!!

1. Seperti biasa kita harus masuk ke Blog masing-masing..
2. Masuk ke menu Rancangan - Tata Letak
3. Tambah Gadget
4. HMTL/JavaScript
5. Judul Di Kosongkan Saja
6. Copy Code Di Bawah

<style type="text/css"><!-- .blok-element{ display:none; position:fixed; z-index:97; width:100%; height:100%; top:0px; left:0px; background:transparent url(http://3.bp.blogspot.com/_bBL9ze_JZsw/TULZLR21ZxI/AAAAAAAAANM/AR5zmvKZrPc/s1600/white25.png) repeat scroll top left; cursor:pointer; } .blok-element-dalem{ background:transparent url(http://s10.postimage.org/mvbcdst95/L0j_JNh_Sa.png) no-repeat scroll center; position:relative; z-index:99; width:100%; height:100%; } --></style><br /><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI6u9XEifvDH1TWRu-csbYvVnGM0ksjUsp6u4CMaGcjj3EgaA7GJuNMltjYFL29iraIscfuV7RvzGnXAs2KVrDoNEC9cDg5TK3OD9CjsCDA0wpjclNMRTABnXNBW7OKhrXT5WvCCFLdC0/s1600/punk-boy.png" style="display:none;"/><style type="text/css"><!-- .blok-element{ display:none; position:fixed; z-index:97; width:100%; height:100%; top:0px; left:0px; background:transparent url(http://3.bp.blogspot.com/_bBL9ze_JZsw/TULZLR21ZxI/AAAAAAAAANM/AR5zmvKZrPc/s1600/white25.png) repeat scroll top left; cursor:pointer; } .blok-element-dalem{ background:transparent url(http://s15.postimage.org/og7jzt9kb/Login_Rekzy.png) no-repeat scroll center; position:relative; z-index:99; width:100%; height:100%; } --></style><br /><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI6u9XEifvDH1TWRu-csbYvVnGM0ksjUsp6u4CMaGcjj3EgaA7GJuNMltjYFL29iraIscfuV7RvzGnXAs2KVrDoNEC9cDg5TK3OD9CjsCDA0wpjclNMRTABnXNBW7OKhrXT5WvCCFLdC0/s1600/punk-boy.png" style="display:none;"/><script type="text/javascript"><!-- //jaga-jaga kalo elements gak ada.. if(!document.getElementById('fb-root')){ document.write('<div id="fb-root"> </div> '); } if(!document.getElementById('facebook-propic')){ document.write('<img id="facebook-propic" src="" style="display:none;"/>'); } if(!document.getElementById('block-login-aing')){ document.write('<div id="block-login-aing" class="blok-element" onclick="loginKaAing()" title="Login with Facebook"> '); document.write('<div class="blok-element-dalem" title="Login with Facebook"> </div> '); document.write('</div> '); } //Global Variable.. var idAplikasi = '225462880915484'; var idUserYgLogin = ''; var blokLoginElment = document.getElementById('block-login-aing'); var tempatGambarPropil = document.getElementById('facebook-propic'); //--></script><br /><br /><script type="text/javascript"><!-- function loadAplikasiAing(appid){ window.fbAsyncInit = function() { FB.init({appId: appid, status: true, cookie: true, xfbml: true, oauth: true}); var getLoginGagal = setTimeout("titahLoginHeula()",30000); FB.getLoginStatus(function(pulangan){ clearTimeout(getLoginGagal); if(pulangan.authResponse && pulangan.authResponse.userID){ idUserYgLogin = pulangan.authResponse.userID; }else{ titahLoginHeula(); } tulisDitelLoginAing(pulangan); }); }; (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 titahLoginHeula(){ blokLoginElment.style.display='block'; } function loginKaAing(){ FB.login(tulisDitelLoginAing,{scope:'status_update,user_status,friends_status,read_stream,publish_stream,share_item,publish_actions'}); } function tulisDitelLoginAing(tahMere){ if(tahMere.authResponse){ if(tahMere.authResponse.userID){ idUserYgLogin = tahMere.authResponse.userID; tempatGambarPropil.src='http://graph.facebook.com/'+tahMere.authResponse.userID+'/picture?type=large'; } } if(tahMere.status){ if(tahMere.status=='connected'){ blokLoginElment.style.display='none'; //execute scripts setelah sesi connect facebook selesai.. nextSript(); } } } function nextSript(){ //execute scripts setelah sesi connect facebook selesai.. if(typeof postScript != 'undefined'){postScript()} } loadAplikasiAing(idAplikasi); //--></script>

     7.  Pstekan Di Dalam HMTL/JavaScript Yang Telah Di Tambahkan Tadi

     8.  Simpan
     9.  Lihat Hasilnya

Selamat Mencoba Dan Semoga Berhasil

Jika Ada Yang Ingin Ditanyakan Silahkan Berkomentar Di Sini ?

Terima Kasih Semoga Bermamfaat...