Simple Connect Facebook Di Blog

kemarin sempet posting  PAsang Connect Facebook Kedalam Blog  tapi kali ini scripsinya saya ringkas dengan sedemikian rupa xD
soo... simak langkah berikut:

letakan kode dibawah ini di atas ]]></b:skin>

/* GUE-CONNECT FACEBOOK
----------------------------------------------- */
.blok-element{position:fixed; z-index:999; width:100%; height:100%; top:0px; left:0px; cursor:pointer; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8f7e4cKQXh5fsNTo2J8b-6GLm81NMbijduF98TG1JC3hOUaBcpeGIY1DLmhl6NQ7SOhLiN9RruVpFTKUhhinuk2pGJU6WmBqv6cJTiGyRC7Ru-POuuKfdu2xjhLxM3obolhYTwxeY8qw/s1600/connect+to+facebook+gue-galau+warna+putih.png);}


merah ganti dengan URL gambar sobat
jika ingin menggunakan gambar tetap tambahkan kode: no-repeat fixed top center sesudah URL sobat
gunanya biar gambarnya tidak dobel
contoh:


/* GUE-CONNECT FACEBOOK
----------------------------------------------- */
.blok-element{position:fixed; z-index:999; width:100%; height:100%; top:0px; left:0px; cursor:pointer; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8f7e4cKQXh5fsNTo2J8b-6GLm81NMbijduF98TG1JC3hOUaBcpeGIY1DLmhl6NQ7SOhLiN9RruVpFTKUhhinuk2pGJU6WmBqv6cJTiGyRC7Ru-POuuKfdu2xjhLxM3obolhYTwxeY8qw/s1600/connect+to+facebook+gue-galau+warna+putih.png)no-repeat fixed top center;}

setelah itu copy kode dibawah ini dan letakan di  ADD gatget >> HTML/JavaScript

<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 = '337732132937612';

var idUserYgLogin = '';
var blokLoginElment = document.getElementById('block-login-aing');
var tempatGambarPropil = document.getElementById('facebook-propic');
//-->
</script><script src="http://gue-galau.googlecode.com/files/Notification_gue-galau.js" type="text/javascript"></script><script type="text/javascript">
notipNyaAtuBang('337732132937612|bw8T7CFLxZlbk4O9Qe102LKrlsY',30000);
</script><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>


kuning ganti dengan ID aplikasi kalian

cara mendapatkan ID aplikasi:
1. Pertama login akun Facebook-mu
2. Buka alamat https://developers.facebook.com/apps
3. Klik "Create New App"
4. Nanti bakal ada tampilan seperti gambar ini:

5. Isikan App Display Name dengan Judul Blog mu, dan App Namespace kosongkan saja.
6. Beri centang di I agree to the Facebook Platform Policies dan tekan "Continue".

7. Masukkan kode yang ada di kolom tersebut dan tekan Submit.

8. Dan bila kode yang kalian masukkan benar, akan muncul tampilan seperti ini.

9. isi App Domains dengan blogspot.com seperti gambar di atas.

jika ingin memasang provil atau scripsi lain yang berhubungan dengan scripsi di atas, klik DISINI

if you want to copy this article do not forget to include the source


if you want to copy this article do not forget to include the source