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