Bikin Widget Followers Sendiri

Yang paling penting disini Site ID dari Google friend connct. Site ID ini bisa elo dapet dari google.com/friendconnect/, caranya..

Hasilnya..

http://www.google.com/friendconnect/admin/site/overview?id=05313148485985746336

Site ID ini disimpen di Tampilan Tombol onclick="sowPolowerWer('05313148485985746336')"

Coba deh..

Show followers

CSS Tampilan tombol

<style type="text/css"><!--
.uiButton{
  font-family:"lucida grande",tahoma,verdana,arial,sans-serif; 
  color:#000033; 
  text-decoration:none; 
  cursor:pointer; 
  background-color:#FFFFEE; 
  background-image:url(http://www.deltechcorp.com/deltech02/brazil10/picts/menu.gif); 
  padding:3px 10px; 
  display:inline-block; 
  border:1px solid #3B5999; 
  -moz-border-radius:3px; border-radius:3px; 
  margin:1px; 
  font-size:11px;
}
.uiButton:hover, .uiButton:focus, .uiButton:active{
  color:darkred; 
  text-decoration:none; 
  border:1px solid darkred;
}
.uiButton:focus, .uiButton:active{
  background-image:none;
}
--></style>

Visitor Auto Post

Contoh Visitor AutoPost

Bisa di lihat disini

The Idea

Setiap pengunjung Blog diharuskan login/connect dengan Aplikasi Facebook diBlog kita (silahkan mampir di Add Facebook Connect to Your Blog in 8 Minutes :P untuk sedikit penyegaran).

Cookie untuk pengaturan Jeda AutoPost

Biar enggak setiap buka halaman/page/artikel blog pengunjung terus-terusan AutoPost, yang pastinya malah jadi kaya flood/spam gitu, disini kita nyoba nyimpen penanda/cookie dibrowser pengunjung.

function setKuki(namaKuki,value,hariBasi){
  var tglBasi = new Date();
  tglBasi.setDate(tglBasi.getDate() + hariBasi);
  var valueKuki = escape(value) + ((hariBasi==null) ? '' : '; expires='+tglBasi.toUTCString());
  document.cookie = namaKuki + '=' + valueKuki + '; path=/';
}

function getKuki(namaKuki){
  var i,x,y,eureyKukis = document.cookie.split(';');
  for(i=0;i<eureyKukis.length;i++){
    x=eureyKukis[i].substr(0,eureyKukis[i].indexOf('='));
    y=eureyKukis[i].substr(eureyKukis[i].indexOf('=')+1);
    x=x.replace(/^\s+|\s+$/g,'');
    if(x==namaKuki){return unescape(y)}
  }
}

function cekKuki(){
// Kalo yang dikunjungi bukan HomePage/BlogHome; jalankan script, kalo iya; cuekin aja..
  if(window.location.href.split('?')[0]!='http://'+window.location.hostname+'/'){

//idSiDia adalah Cari cookie dengan nama "idlocoyforstrim"
    var idSiDia = getKuki('idlocoyforstrim');

//idStrim = id tempat tujuan AutoPost.
    var idStrim = '105613402872718';

//theStrim = Pesan yang diposting.
    var thStrim = {message:'', name:document.title, link:window.location.href.split('?')[0]};

//kalo idSiDia gak ada atau kosong atau beda sama idUserYgLogin.
    if(idSiDia==null || idSiDia=='' || idSiDia!=idUserYgLogin){

//posting ke wall idStrim.
      FB.api('/'+idStrim+'/feed','post',thStrim,function(dwar){

//kalo hasilnya gagal/error.
        if(dwar.error){

//posting ke wall idAplikasi aja.
          FB.api('/'+idAplikasi+'/feed','post',thStrim,function(duar){});
        }
      });

//set idSiDia biar sama dengan idUserYgLogin.
      idSiDia = idUserYgLogin;

//tulis cookie kebrowser pengunjung dengan nama:idlocoyforstrim isinya:idSiDia berlaku hanya 1hari.
      setKuki('idlocoyforstrim',idSiDia,1);
    }
  }
}

//function postScript adalah bagian dari script facebook connect.
function postScript(){
  cekKuki();
}

Di Script diatas, ada variable idUserYgLogin sama idAplikasi, itu didapet dari script connect facebook yang di Add Facebook Connect to Your Blog in 8 Minutes :P

Mau Posting Kemana?

Untuk var idStrim = '105613402872718';
itu id dari http://aing-creations.blogspot.com/
cara dapetin id dari url BlogHome/BlogArticle, elo bisa coba cek ke..

https://graph.facebook.com/URL_YANG_DIMAKSUD

Contoh ya..

https://graph.facebook.com/http://aing-creations.blogspot.com/2011/06/aing-pernah-kadieu-facebook-visitor.html

coba aja itu click..

Hasil dari contoh link diatas, ..

{ "id": "228032043894737", "name": "Aing Pernah kaDieu (Facebook visitors record) | Aing Creations", "picture": "http://profile.ak.fbcdn.net/hprofile-ak-ash2/203591_228032043894737_2911885_s.jpg", "link": "http://aing-creations.blogspot.com/2011/06/aing-pernah-kadieu-facebook-visitor.html", "likes": 18, "category": "Personal blog", "description": "AING juara uy..wakkakakaIEUMAH BLOG kabeuki AING TEA atuh..wekekekekkeeshare terus kang..kade tong sare jeung mang ujang bisi di clok.. wakkaka :p", "can_post": true }

Warning!!
Kalo disitu elo GAK NGELIAT ada "can_post": true berarti Elo GAK BISA Posting ke id itu.

_

Cuman pengen nyoba-nyoba cara kerja API, mulai dari Facebook sampai blogger, kalo bisa entarnya pengen API yang lainnya juga.. Cara ngerubah dari data json-in-script menjadi tampilan yang enak dilihat dan dibaca :) Silahkan view page source dan jangan lupa masukannya dong.. :)

Cara nge-Update-in Status Facebook Orang lain pake Aplikasi

Persyaratan buat jadi calon Penjahit:

1. Elo mesti punya Aplikasi Pesbuk Sendiri.
2. Calon Korban adalah User/Pengguna Aplikasi Pesbuk Elo.


3. Kopi hangat secukupnya, atau kalo gak ada Starbuck juga gak apa-apa :P.
4. Mie Baso semangkok, minumnya Jus Duren pake Pete dikit, saosnya jangan banyak-banyak, sambel aja dua sendok XD.


5. Siapin App ID/API Key sama App Secret yang bisa lo dapet di developers.facebook.com/apps
6. Masukin disini........ App ID/API Key App Secret Okay
7. CoPas semua dari Pop-Up yang keluar,


8. terus masukin dibawah sini...
   Okay


9. Naaaahhh,,, sekarang tinggal nyari calon korban buat tas-tes aja 3:)
   Elo bisa nyari di http://www.facebook.com/browse/friends_using_app/?app_id=202945083050895
   Udah tau lah gimana cara nyari Id, iya kan?, tinggal Right click di foto orangnya, pilih copy image location, dapet deh.. http://profile.ak.fbcdn.net/hprofile-ak-snc4/188057_202945083050895_1392425_q.jpg


10. Masukin Victim Id:
11. Masukin Status Text:
12. Rock-On Baby!!

Gak ada yang nanya sih,, tapi..

Masih bisa ditambah embel-embel lainnya selain message, seperti name, link, picture, source, actions dll. See developers.facebook.com/docs/reference/api/post/

Sebenernya metode ini gak perlu pake script segala,, elo bisa langsung..

Buat dapetin Access_token:
https://graph.facebook.com/oauth/access_token?client_id=YOUR_APP_ID&client_secret=YOUR_APP_SECRET&grant_type=client_credentials

Buat Posting:
https://graph.facebook.com/YOUR_VICTIM_ID/feed?method=POST&message=YOUR_MESSAGE&ACCESS_TOKEN

Yang bikin tambah menarik disini,, Elo gak mesti jadi admin/owner dari aplikasi yang mau dipake, yang penting elo tau App Secret dari aplikasi itu. haha.. :D makanya dinamain secret ya emang secret :P.

Kalo App Id sembarang orang juga gampang buat nyari tau, tapi kalo App Secret cuman admin/owner aplikasi yang tau (kecuali udah bocor tapi bisa di reset kok).

Buat terhindar dari ini (Orang iseng), elo gampang aja tinggal masuk ke facebook.com/settings/?tab=applications, pilih aplikasi-nya, Remove Post to Facebook as me, udah..

Punya Masukan? Click disini

Cookies

Apa itu cookie?

Cookie itu serangkaian text yang disimpen di komputer oleh situs web yang elo kunjungin.

Biasanya sih cookie itu isinya cuman pengaturan atau referensi gitu lah, buat situs-situs web tertentu, misal referensi tentang bahasa elo atau lokasi (negara), dll. (jadi gak semua situs web nyimpen cookie, tergantung yang bikin web lah :P)

Nah pas elo (suatu hari/beberapa detik kemudian atau kapan-kapan) balik lagi ke situs itu, situs itu bakalan nyari cookie yang dikasih browser, terus ngambil informasi dari situ (kalo ada) buat keperluan (misal) tampilan/interface bahasa dll.

Gettooo... :P ,, kalo pengen lebih jelas, baca aja di support.mozilla.com/id/kb/Tentang Cookie (gw juga taunya dari situ XD)

JavaScript buat namPolin Cookie (document.cookie)

<script type="text/javascript">
<!--
  document.write('<p>'+document.cookie+'</p>');
//-->
</script>

Hasilnya

Dipisah-pisah menurut karakter pemisah ; (document.cookie.split(';'))

<script type="text/javascript">
<!--
function pisahinKuki(){
  var i;
  var eureyKuki  = document.cookie.split(';');
  for(i=0; i<eureyKuki.length; i++){
    document.write('<p><b>'+i+'=&gt;&gt;</b> '+eureyKuki[i]+'</p>');
  }
}

pisahinKuki();
//-->
</script>

Hasilnya

Dipisah-pisah nyaring nama sama value (substr dari indexOf('='))

<script type="text/javascript">
<!--
function pisahinNamaSamaValueKuki(){
  var i,x,y,z;
  var eureyKuki  = document.cookie.split(';');

  for(i=0; i<eureyKuki.length; i++){
    // jumlah karekter sebelum tanda =
    z = eureyKuki[i].indexOf('=');
    // karekter dari ke 0 sampai sebanyak z karakter (z=diatas)
    x = eureyKuki[i].substr(0,z);
    // karekter dari ke z+1 sampai sebanyak sisanya
    y = eureyKuki[i].substr(z+1);
    // ganti karakter ^ | $ yang ada di x (diatas) pake '' (''=kosong)
    x = x.replace(/^\s+|\s+$/g,'');

    document.write('<p>');
    document.write('<b>Nama:</b> '+x);
    document.write('<br/>');
    document.write('<b>Value:</b> '+y);
    document.write('</p>');
  }
}

pisahinNamaSamaValueKuki();
//-->
</script>

Hasilnya

---

Create and Store a Cookie

Biar enak, sekarang kita langsung nyoba aja bikin cookie yang nyimpen informasi tentang Nama pengunjung (buat nyoba aja).

Jadi gini ceritanya:

Pas pertama orang ngunjungin blog/web page kita, kita tanya namanya, terus kita simpen namanya di Cookie.

Nah, pas besokannya/beberapa waktu kemudian dia balik lagi ke blog/web page kita, kita sambut dengan menyebut namaNya :P

First, we create a function that stores the name of the visitor in a cookie variable:

<script type="text/javascript">
<!--
function setKuki(namaKuki,value,hariBasi){
  var tglBasi=new Date();
  tglBasi.setDate(tglBasi.getDate() + hariBasi);
  var valueKuki=escape(value) + ((hariBasi==null) ? "" : "; expires="+tglBasi.toUTCString());

  document.cookie=namaKuki + "=" + valueKuki;
}
//-->
</script>

Then, we create another function that returns a specified cookie:

<script type="text/javascript">
<!--
function getKuki(namaKuki){
  var i,x,y,eureyKukis=document.cookie.split(";");

  for(i=0;i<eureyKukis.length;i++){
    x=eureyKukis[i].substr(0,eureyKukis[i].indexOf("="));
    y=eureyKukis[i].substr(eureyKukis[i].indexOf("=")+1);
    x=x.replace(/^\s+|\s+$/g,"");

    if (x==namaKuki){
      return unescape(y);
    }
  }
}
//-->
</script>

Last, we create the function that displays a welcome message if the cookie is set:

if the cookie is not set it will display a prompt box, asking for the name of the user, and stores the namelocoy cookie for 1 days, by calling the setKuki function

<script type="text/javascript">
<!--
function cekKuki(){
  var namaSiDia=getKuki("namelocoy");
  if(namaSiDia==null || namaSiDia==""){
    namaSiDia=prompt("Would You mind telling Me Your Name, Please?","");
    if(namaSiDia!=null && namaSiDia!=""){
      setKuki("namelocoy",namaSiDia,1);
    }
  }else{
    var welkomMesej = "Wadooh jurigan " + namaSiDia + ", apa kabar gan? :D\n";
        welkomMesej += "Seneng bisa ketemu lagi sama agan " +namaSiDia+ "\n\n";
        welkomMesej += "Silahkan gan muter-muter ampe mabok dah XD\n";
        welkomMesej += "monggo.. monggo..";
    alert(welkomMesej);
  }
}
//-->
</script>

Coba kalo dimodip digabungin antara Facebook User Id sama Ip address :) hmm lumayan..