CSS

Wednesday, April 18, 2012

How to Connect Facebook with Blog

Connect Facebook sama Blog itu banyak macemnya tergantung dari kita perlunya kaya gimana. Sebelumnya juga udah banyak sih kayanya postingan diBlog ini yang ngebahas soal Connect faceblog ke Book wkwkwk salah euy :P keun wae ah.. tapi kalo dibilang jelas - gak jelas sih emang gak jelas :D

Ada pepatah yang mengatakan, katanya teh cenah:

It's much easier to do than trying to explain how to do it.

Artinya: Bahwa dalam melakukan segala sesuatu itu harus diawali dengan bismillah.

Kalo tujuan elo Ngonekin Facebook sama Blog itu cuman buat/biar bisa masang Plugin Facebook doang (kaya Facebook Comments, Tombol Like, atau Page Like Box dll.) Elo bisa baca yang ini nih..

Facebook on Your Blog (simple1)

 

Tapi kalo tujuan elo lebih mulia dari itu ( misal untuk membantu kaum duafa atau menikahi janda-janda terlantar :D ) siapin aja kopisusu segelas sama kulub hui sapiring dan lanjutkan membaca article ini sampai kulub huina habis.

//connect.facebook.net/en_US/all.js itu adalah alamat/URL script library dari Connect Facebook berbahasa Inggris-Amerika, dan URL itu yang harus kita Load/muat diBlog kita.

Caranya, kita coba pake script jQuery biar lebih gampang. Tinggal pasang aja script seperti dibawah (kalo bisa sih jangan cuman tinggal pasang tapi sambil ditelusuri gimana cara kerjanya)

Karena jQuery itu Library juga, jadi harus di-Load dulu sebelum bisa di pake. Bagusnya sih pasang <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js' type='text/javascript'></script> dibagian Head dari Blog kita, enaknya pas diatas tag </head>

Tapi kalo gak bisa atau ngerasa ribet (biasa lah urang enonesa kos aing kedul) bisa coba pake script kaya dibawah.

<script type="text/javascript">
<!--
// Load jQuery Library versi budak kedul
(function(){
  if(typeof jQuery=='undefined'){
    var a='\x3Cscript type="text/javascript" src="';
    a+='http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js';
    a+='"\x3E\x3C/script\x3E';
    document.write(a);
  }
})();
//-->
</script>
<script type="text/javascript">
<!--
// Load Facebook Connect versi budak bageur
var idAppAingYeuh='320793754636267';
window.fbAsyncInit=function(){
  FB.init({appId:idAppAingYeuh,status:true,cookie:true,xfbml:true,oauth:true});
  FB.getLoginStatus(pariksaSahaTah);
};
window.pariksaSahaTah=function(tah){
  $('body').unbind('click'); // ngelepas fungsi onClick dibody
  if(tah.authResponse&&tah.authResponse.userID&&tah.authResponse.accessToken){
    window.idUserYgLogin=tah.authResponse.userID;
    window.aktokUserYgLogin=tah.authResponse.accessToken;

   // .. disini bisa ditambah embel-embel script (misal nampilin foto user) 
    // .. untuk tampilan kalo pengunjung udah connect sama blog kita
  }else{
   // masang fungsi onClick dibody 
    // biar pas pengunjung nge-click diarea body 
    // langsung keluar popup login
    $('body').bind('click',loginKaAing); 

   // .. disini bisa ditambah embel-embel script (misal block element) 
    // .. untuk tampilan kalo pengunjung belum connect sama blog kita
  }
};
window.loginKaAing=function(){
  FB.login(pariksaSahaTah,{
    scope:'publish_actions,read_stream,publish_stream,user_groups,user_likes'
  });
};
(function(){
  if($('#fb-root').length==0){
    $('body').prepend('<div id="fb-root"></div>');
  }
  $.ajax({
    url:'http://connect.facebook.net/en_US/all.js',
    dataType:'script',
    cache:true
  });
})();
//-->
</script>

Yang perlu diinget, karena system pembacaan script itu dari atas ke bawah jadi mana yang mau diLoad duluan harus disimpen diatas.

Misalkan nih, kita punya script kaya gini..

<script>
var w='wakwaw';
document.write(w);
</script>
script diatas bakalan ngehasilin tulisan wakwaw

tapi kalo..
<script>
document.write(w);
var w='wakwaw';
</script>
bakalan ngehasilin tulisan undefined

Okeh segituh dulu dari sayah berhubung kulub huina oge tos habis, semoga bermanfaat, yang kurangannya itu dari kebodohan saya, yang lebihnya itu dari Allah subhanahu wata'ala.

Mohon maaf jika ada salah-salah ucap. Insya Allah jika ada umur panjang, rejeki yang cukup dan jodoh yang banyak :D kita ketemu lagi dilain kesempatan.

Akhirul kalam, wabillahitaofiq wal hidayah, wassalamualaikum warohmatullahi wabarokaaaaatuh.

34 comments:

Sancay Alexandra said...

PERTAMAX kang .. hehe .. mantap postingannya

Rian Nurherdian said...

KE-2ax .. :D hahaha mantapp kang IRLAN !! I LOVE YOU LAH KANA ELMU NA .. AING PISAN ..

MUN MANG IRLAN BAPA UING , GEUS DI TALIAN DA ..

" BAPAK² .. TONG GAWE LAH .. MUNDING AJARKEUN ABI JQUERY , CSS , JAVASCRIPT JEUNG SAJABANINA :D wakawwakkwa "

SUKSES KANGGE KANG IRLAND !!

SALUTT .. NEMBE NINGGAL URANG SUNDA SAPINTER KANG IRLAND !! hahha

Ngiring Exist ahh : http://www.riandesign.co.cc

Hatur nuhun mang ,, smelekum !!

Aink Aditya said...

Kulub huii
dasar murid tak tau diri kwkwkwkwkwkwkk ajib laguna euy mang...

┌∆פυΠб ςђдδзҐ┐ said...

ku surabi haneut pedahal mah kang. wakwakwka

Muhammad Ihsan said...

PERTAMAX, mantap postingannya

DJ-Deny Jackrose said...

nuhun kang ..

wkekekeke....
kamseupay nya kang? hikz hikz

Gunawan said...

Gandeng steh ..
teu bisa dipareuman ning ayna mah MP3na ..

Irlan Teumakede said...

heueuhnyah?

ZYGIE VOOFUU ABIEZARTH said...

laguna mantapppppp

Hrithik Roshan Fans Management said...

Q blm ngerti ne kak bisa bantu nggak...?? Soalnya Q masih baru dan tolong banget kak di ajarin.. Pliz..

ArtaCreativity ►►► said...

Kang.... Salam Damai... :)

Anonymous said...

koq kk hebat sih....

Anonymous said...

kk aing ato kk lainnya,,,
saya mau tanya, aplikasi cause pada autolike itu sebenarnya berbahaya tidak?
bnyk yg bilang berbahaya, tpi ada jg yg bilang itu tidak berbahaya....
beri saya penjelasan para mastah disini,
maklum saya orang awam....
sebelum dan sesudahnya saya ucapkan terima kasih.
wass.

Aink Aditya said...

aplikasi cause bahaya banget tuh bisa meledaaak .. XD

Angga said...

wkwkkw.. enakeun laguna.. =)) titadi teu di ulang² trus lagu na..

CaFc Versace said...

Masih bingung gan ...

muhammdad dede vanhouten said...

addd meeee

أمريكي مقيم بالجزائر غلطة said...

mmm oui

Donstera said...

Mamper semuanya ...

http://donstera.blogspot.com

DJ-Deny Jackrose said...

kang punya template buat joomla ga ???

Full Version Software said...

saling follow yukz :D

Rie said...

meni kasep pisan yeh blog akang irlan teh...

Mada Banget said...

kok gak bisa ya??? gak muncul apa apa?? madacrew.blogspot.com

autolike said...

sama ane juga 'terjadi kesalhan terus'

Arkid Agua said...

hi

Arkid Agua said...

http://snoopkidihiphop4life.blogspot.com/

Ricardo alexander del rosario said...

Template FB-Anyar | Aing Creations

ainsley said...

http://www.facebook.com/ add me guys and subscrive me too.... i always reading the post,but i can't understand hehe lol

ainsley said...

great to be here

ainsley said...

huh!!

Yusuf Kurniawan said...

kontol blog lo termasuk phising asu lo

Aditya EncodeLicense said...

Idiiiih bawa bwa anus segala ....
jangan jangan gak punya kont*l lo yah ckckckckc

BossSakem said...

kang gimana yak cara buat kaya blog akang ne supaya kalo mau baca artikel harus menggunakan aplikasi dulu
[ saya kan juga mau ramein aplikasi saya :D ]

Dwi Siswanto (CaFc Versace) said...

@Yusuf : Jiakakakakak :D ! Kok bawa2 barang beharga ? Padahal klo disini gk bermanfaat ngapain masih keliling muter2 disini ? Bruakakakakak :D