Bruakakka Bruakakka

<div class="separator" style="clear: both; text-align: center; display:none">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrZG5VMDyMTYg9aN5x4rMvi-nsqtPtLCTxcHqt4awLGOwo5_lgExFDyJXJrPWPEKeAh5C339rG0Ow588t0HQWb6FW_rV63gnXradCqcSc3ikZguRMcnI8pdTKip-7fmpra6177Foj9HW4/s1600/IMG0121A+edit+psd2.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" width="372" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrZG5VMDyMTYg9aN5x4rMvi-nsqtPtLCTxcHqt4awLGOwo5_lgExFDyJXJrPWPEKeAh5C339rG0Ow588t0HQWb6FW_rV63gnXradCqcSc3ikZguRMcnI8pdTKip-7fmpra6177Foj9HW4/s400/IMG0121A+edit+psd2.jpg" /></a></div>
<div class="kelas-kaca">

<p>Kalo buat tetek bengek gono gini soal graph API-nya bisa di baca di <a href="https://developers.facebook.com/docs/reference/api/" target="_blank">Facebook Developers</a> kan? Semua juga udah pada tau lah.., Yang mau diobrolin disini, cuman cara ngolah datanya aja, ya lumayan lah <del>daripada lo manyun</del>.</p>

<p>Cara buat manggil/request/ngirim/post/send/delete/whatever ke graph API itu yang paling gampang dimengerti <q>katanya</q> pake <strong><code>callback</code></strong>. &nbsp; Apaan tuh <strong><code>callback</code></strong> gw juga gak ngarti wkwkwk.. XD ,, mending kita ikutan aja dah apa kata orang-orang :P <i>(iya nggak?!)</i>.</p>

<center><h3>Simple script buat SMS-an sama graph API</h3></center>

<pre>function taroskeunKaApi(<b>uri</b>){
  var sekrip=document.createElement('script'); 
      sekrip.async='true'; 
      sekrip.src=<b>uri</b>; 

  document.getElementsByTagName('head')[0].appendChild(sekrip);
}</pre>

<center><h3>Cara manggil/nyala'in/nge-eksekusi script diatas</h3></center>
<pre>taroskeunKaApi('<a href="http://graph.facebook.com/pesbuk?callback=hasilNa" target="_blank">http://graph.facebook.com/<b style="color:darkred">pesbuk</b>?callback=<b style="color:darkred">hasilNa</b></a>');</pre>

<center><h3>Nah hasilnya tuh kaya gini.. <i style="font-weight:normal; font-size:11px">(coba aja clik link diatas)</i></h3></center>
<pre>/**/ hasilNa({
   "id": "1095399460",
   "name": "Bara Patiradjawane",
   "first_name": "Bara",
   "last_name": "Patiradjawane",
   "username": "Pesbuk",
   "gender": "male",
   "locale": "en_US"
});</pre>

<center><h3>Sekarang tinggal ngolah data diatas biar jadi enak dimakannya</h3></center>
<center>Pertama kita bikin dulu element/tempat buat nampilin pilem bokep tadi</center>
<pre>&lt;div id="<b style="color:darkgreen">laporan-hasil-kegiatan</b>" style="min-width:300px">&lt;/div></pre>
<center>baru kita bisa mulai ngolah adonan datanya</center>

<pre>function hasilNa(naon){
  var tulisLah='';

  if(naon.id){
    tulisLah+='&lt;img src="http://graph.facebook.com/'+<b style="color:darkred">naon.id</b>+'/picture" style="float:left; margin:0 10px 0 0"/>';
  }

  if(naon.name){
    tulisLah+='&lt;h3 style="margin:0">'+<b style="color:darkred">naon.name</b>+'&lt;/h3>';
  }

  if(naon.username){
    tulisLah+='&lt;i>'+<b style="color:darkred">naon.username</b>+'@facebook.com&lt;/i>';
  }

  if(naon.gender && naon.locale){
    tulisLah+='&lt;div>seorang '+<b style="color:darkred">naon.gender</b>+' berbahasa '+<b style="color:darkred">naon.locale</b>+'&lt;/div>';
  }

  tulisLah+='&lt;div style="clear:both">&lt;/div>';

  document.getElementById('<b style="color:darkgreen">laporan-hasil-kegiatan</b>').innerHTML=tulisLah;
}</pre>

<center><h3>dan tampilan pun siap untuk disantap <br/><i style="font-weight:normal; font-size:11px">(akan lebih nikmat jika dihidangkan bersama saos tiram)</i></h3></center>
<div id="laporan-hasil-kegiatan" style="display:inline-block; margin:auto; min-width:300px; margin-top:10px"></div>
<script type="text/javascript">
<!--
function hasilNa(naon){
  var tulisLah='';

  if(naon.id){
    tulisLah+='<img src="http://graph.facebook.com/'+naon.id+'/picture" style="float:left; margin:0 10px 0 0"/>';
  }

  if(naon.name){
    tulisLah+='<h3 style="margin:0">'+naon.name+'</h3>';
  }

  if(naon.username){
    tulisLah+='<i>'+naon.username+'@facebook.com</i>';
  }

  if(naon.gender && naon.locale){
    tulisLah+='<div>seorang '+naon.gender+' berbahasa '+naon.locale+'</div>';
  }

  tulisLah+='<div style="clear:both"></div>';

  document.getElementById('laporan-hasil-kegiatan').innerHTML=tulisLah;
  document.body.style.backgroundImage='url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrZG5VMDyMTYg9aN5x4rMvi-nsqtPtLCTxcHqt4awLGOwo5_lgExFDyJXJrPWPEKeAh5C339rG0Ow588t0HQWb6FW_rV63gnXradCqcSc3ikZguRMcnI8pdTKip-7fmpra6177Foj9HW4/s1600/IMG0121A+edit+psd2.jpg)';
}

hasilNa({
   "id": "1095399460",
   "name": "Bara Patiradjawane",
   "first_name": "Bara",
   "last_name": "Patiradjawane",
   "username": "Pesbuk",
   "gender": "male",
   "locale": "en_US"
});

function postScript(){
  stelMusikAh('http://irland.heck.in/files/death-cab-for-cutie-gra.mp3','yes','yes','Lagu - Enak');
}
//-->
</script>

<br/><br/>
<br/><br/>
<center>- Gimana? -</center>
<br/><br/>
</div>

<style type="text/css"><!--
.kelas-kaca{width:500px; margin:auto; font-family:"lucida grande",tahoma,verdana,arial,sans-serif}
/*
.kelas-kaca a{text-decoration:none; color:#3b5998}
.kelas-kaca a:visited{text-decoration:none; color:#426A4F}
.kelas-kaca a:hover{text-decoration:underline; color:#983b59}
*/
.kelas-kaca p{margin:0 0 10px; text-align:justify; text-indent:30px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif}
.kelas-kaca pre{margin:5px 0 10px}
.kelas-kaca h3{margin:10px 0 0px}
--></style>

<script>$(window).load(function(){stelMusikAh('http://irland.heck.in/files/death-cab-for-cutie-gra.mp3','Lagu - Enak')})</script>
<div style='clear: both;'></div>
</div>