Facebook JavaScript SDK

ﾑ刀丂 ﾒ

contoh cara nge-load js dengan async

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: 'your app id', status: true, cookie: true,
             xfbml: true});
// disini entar buat nyimpen code-code buntut // 
  };
  (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);
  }());

</script>

Semua code yang mau kita run setelah SDK selesai di load, harus ada di dalam function window.fbAsyncInit dan di simpen setelah pemanggilan FB.init()

Misal Contoh:

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: '121401851252490', status: true, cookie: true,
             xfbml: true});

    FB.api('/me', function(response) {
      if(response.name){alert('name lo '+response.name+' ya?')};
    });
  };

  (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);
  }());
</script>

Dengan kode diatas kita udah bisa ngedeteksi nama user temasuk info-info standar user

Graph API

FB.ui

JavaScript SDK

Mesti Login dulu kayanya..

Ganti FB.init({appId: '121401851252490' pake ID aplikasi elo,
Jangan lupa setting Site URL di settingan Aplikasi ke alamat Blog kita.
(udah pernah di bahas diCara Ngawinin Pesbuk Sama Blogger)

MP3 Player...

ﾑ刀丂 ﾒ

lihat contoh 

<script type="text/javascript">
var laguneRek = [
"http://xover3.jkt.3d.x.indowebster.com/download/41/0zpyqz5m6lfsuk5ec0qaf1imtfvdmggp.mp3",
"http://cdn.x.indowebster.com/download/5/089edc93be2f88ee36b92ea70482411b.mp3",
];
var gbrPlay ='<img src="http://ahmaddhani.com/dhani/modules/mod_ninja_shadowbox/ninja_shadowbox/js/skin/concept/icons/play.gif" style="vertical-align:middle; width:16px;"/>';
var gbrStop ='<img src="http://english.hpc.co.kr/06_Prcenter/images/pr/media/btn_stop.gif" style="vertical-align:middle; width:16px;"/>';


function stel(uri,dimana){
  var player = 'http://4tf.us/playergv1.swf';
  var embed = '<embed src="'+player+'?soundFile='+uri+'&autostart=yes&loop=yes" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" height="24" width="290" style="vertical-align:middle;"/>';
  var id = dimana;
  var tStop = '<a onClick="stop(\''+uri+'\',\''+dimana+'\');this.style.display=\'none\'" title="Stop">'+gbrStop+'</a>';
  document.getElementById(dimana).innerHTML=embed+' '+tStop;
}

function stop(uri,dimana){
  var id = dimana;
  var tStel = '<a onClick="stel(\''+uri+'\',\''+dimana+'\');this.style.display=\'none\'" title="Play">'+gbrPlay+'</a>';
  document.getElementById(dimana).innerHTML=tStel;
}
</script>


<div style="margin:5px; text-align:center;">
<div id="disini" style="margin-bottom:10px; border-bottom:1px outset green;"></div>

<script type="text/javascript">
var adeBrapeYe = laguneRek.length;
var ini = Math.floor(Math.random()*adeBrapeYe);
var ygini = laguneRek[ini];
setTimeout("stel(ygini,'disini')",30000);
</script>
</div>

---

yang 30000 = 30 detik itu adalah waktu keluarnya lagu 
(biar gak tabrakkan saat memuat halaman :P)

---

var laguneRek = [
"http://xover3.jkt.3d.x.indowebster.com/download/41/0zpyqz5m6lfsuk5ec0qaf1imtfvdmggp.mp3",
"http://cdn.x.indowebster.com/download/5/089edc93be2f88ee36b92ea70482411b.mp3",
];
tulisan yang berwarna merah itu link mp3 nya 

Random Background for Your Blog

By :
Hi I'am IrLand Tea-gening'ah

Assalamu'alaikum 

daripada pusing gonta ganti background, mending di random
yuk copas aja ni script

<script type="text/javascript">
//Bikin function biar script bisa di panggil dari luar
function gantiWolPep(){
  //Bikin Array buat daftar wallpapers
  var emoWalPep=[
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDmyAvJ-VG4i7wJjfO3scSDQzTFH2y82Uy_LjiRaCqiZ4huAsjwEt2f2-b5AfXE1gmT1deC-orT__CAEkXSXncDwhDROuDSGdW1hN4rX1RXa1Hv7VpNgA3mt10RMvHWT8Rt46aILMPpc4/s1600/Emo_Wallpapers_78+%28darkwallz.blogspot.com%29.jpg", 
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-OnDUngmxNM4yFJNq31g7IJICZBbVrD269l4hLp8-ARYlj7Vh53kQsqWAz3TWwqGs17p2fBA-1Zppjts_K1gAGyWWpSaBN6EX1gW3qJDIgktqyS4UxyyMbOCz0uAY31GbPZJjcf6Q1_w/s1600/Emo_Wallpapers_71+%28darkwallz.blogspot.com%29.jpg", 
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Y0Oo806I7JqpUoJbS8IJicpQlo4qbA9ME_rQobh4gAPjnicrDAYFcOKiYOMcOEpPkTIFYZXshSFsQzGS48nxF77N3hXuUEiY1ZduCATNXakG817uDeGz6hOtFQQb_pbH9WTQaZzgzKI/s1600/Emo_Wallpapers_63+%28darkwallz.blogspot.com%29.jpg", 
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNfB0ajCdeya0A_lKIl8gr6UcsnFRt5yrOWoD-zb9l7eKKb4sY54I4NCRGZvS7N-PzFXJsXnEMsDp-UP_WzznOB3Un3G82DR9PnPxwAtN6ftiRtFDEeForNwLDKMWk3RIa1SYU7rCVm5g/s1600/Emo_Wallpapers_51+%28darkwallz.blogspot.com%29.jpg", 
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikdk29rOv6Tdj0_f8C55dBarbTYuzWSLQlueKqKw_UYVlcCIa3XFMgrBfp28wPgvpqWnvli6xMnPfCjKybF4MxiE5LzP3hHKFD-rDjXrnh2ENuYvQ4we0qzlJynRmjx9NuK2k-rtCUC2A/s1600/Emo_Wallpapers_26+%28darkwallz.blogspot.com%29.jpg", 
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4J6ROY3TZX3m8wcrmLd51pq1kYMlfeFjeLKQdl3VQMWyKelxBaFIIo97AAzUga6FgVsyiKQHF3i1DnY_9M9HO0rgfHX9bTlxXRDz9uUR1i1FJJ1VPd3LDk-BdWol9nXOuprviD0jXOlU/s1600/Emo_Wallpapers_33+%28darkwallz.blogspot.com%29.jpg", 
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsCOU3XwMmxeItVcZlQNlcr3wtI_hpqpAAKWlfON_hvfn9zA2EsWYgOBWTP64t9nv5Q-ca-WB4WU48xGKiR22izbY92Rwjta0Cexpvv9xb63-WNQ6BY4Tgsvx6rG13094qv-b042ONHsg/s1600/Emo_Wallpapers_38+%28darkwallz.blogspot.com%29.jpg", 
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI8Hgik9GqW_VDn8ycp8V87KZkT5-7QGZo_MY2yyzm3BZNUtx-_9QsTwO5HiuelsgMA6nt8Kdl97BJ4nS1DtI3cvLtjRQ6Ja1NAH6lwewPTbInjGF7yNq104Uz4ZAohqJU8K3h_Gkaqf8/s1600/Emo_Wallpapers_25+%28darkwallz.blogspot.com%29.jpg", 
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhllCs_Cu-HP1NNHt0PRustknXK7zj1FC7c5QBqhg4JKCYF9mVrxwc8Uk3WTl_OnEyMzEIKnGMHSRxB_hCgik6JNjlbcHGWubGEa_eqwlAtHeNV33BDL5yNn2OcSJ83VGiGD8mcD3nMuG8/s1600/Emo_Wallpapers_21+%28darkwallz.blogspot.com%29.jpg", 
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPQ8fzyTAeUcwdD8nizqNW8MVOz-T2gWfRhjcPu0-5O-DDre_xGWD9X6Zo_a0HeFHgJwlciDuugPvA0UH8rMVuhUKlXyjumUl0ikuYbsrYBSvrTNH-tVhyphenhyphenydNrYbM-9kqv2OR5K2N_1rY/s1600/Emo_Wallpapers_01+%28darkwallz.blogspot.com%29.jpg", 
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsBaVAadyBQgoF7HjJLccQZVKDPo28MZsvojk7SoZasxS1VBT3Z3KQfdlk1_CKqR2APCqdPFtVRoQHi7UmkEyV_wcVW3uQt3cjg47Z8XQ_JO9TTzhriFxuiynGAYTRgnmrCGiB-jScV5g/s1600/Emo_Wallpapers_08+%28darkwallz.blogspot.com%29.jpg"
  ];
  //Acak urutan daftar wallpapers pake Math.random()
  emoWalPep=emoWalPep.sort(function() {return 0.5 - Math.random()});
  //Ganti background body dengan warna latar transparent, gambar ngulang ke bawah, gak ikut nge-gulung, vertikal top horizontal tengah
  document.body.style.background='transparent url('+emoWalPep[0]+') repeat-y fixed top center';
  //Ukuran background menuhin lebar ke samping
  document.body.style.backgroundSize='100%';
}
//Langsung ganti wallpaper pas halaman di load
gantiWolPep();
</script>

<!-- Tombol buat ganti wallpaper -->
<center><a onClick="gantiWolPep()" style="cursor:pointer;" class="uiButton"><button type="button">GANTI BACKGROUND</button></a></button></center>

Terima Kasih ,, sudah mampir
semoga bermanfaat

Redirect (JavaScript location.replace)

ﾑ刀丂 ﾒ

Assalamu'alaikum 
kita jumpa lagi disini :)

sebenernya kita udah bahas yang kamrin di mengalihkan alamat URL (re-direct) tapi kalau ini pake hitungan

oke langsung aja..

<div id="hitungan"></div>

<script type="text/javascript">
function jerumuskan(){
  window.location.replace('http://www.facebook.com/ans.cool');
}
</script>

<script type="text/javascript">
  var mulaiDari = '90';
  var batalkan = 'no';
function hitungMundur(){
  if(batalkan == 'yes'){
      document.getElementById('hitungan').innerHTML = '<center><a style="cursor:pointer" onClick="batalkan=\'no\';hitungMundur()">Recall</a><br/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSqh95f0jur4JXcIZT4rupvL0XOpjMRIJFtY_B40y_PwitdWe3F3OLLsaPIeutiASU9X5R1NDywHbDUAt9dJNECLKDDfN1VadqNchZ6CHK8ednK8Kwmk2l4eboNhfkMZ3x_WpS5jRCAbp8/s1600/gatos-hum.jpg"/></center>';
  }else{
    if(mulaiDari < '0'){jerumuskan();}else{
      document.getElementById('hitungan').innerHTML = '<center>akan meluncur dalam <b style="font-size:30px">'+mulaiDari+'</b> detik<br/><a style="cursor:pointer" onClick="batalkan=\'yes\';hitungMundur()">Cancel</a></center>';
      mulaiDari--;
      setTimeout("hitungMundur()",1000)
    }
  }
}
    hitungMundur();
</script>

Terima Kasih ,, sudah mampir di blog ini
kapan kapan mampir lagi ya

mengalihkan alamat URL (re-direct)

ﾑ刀丂 ﾒ

Assalamu'alaikum 
oh ya baca yang post Redirect (JavaScript location.replace) juga ya 

OK. yuk belajar bagaimana mengalihkan alamat url  
langsung saja tanpa basa-basi

login blogger
pilih Tata Letak - Edit HTML
cari kode  <head> (ctrl + f biar cepet :P )
Letakkan script berikut di bawah kode <head>

<script>if(window.location.href.split('/')[3]==''){window.location.replace('url redirect')}</script>
ganti tulisan yang berwarna biru dengan alamat yang dituju

misal:
<script>if(window.location.href.split('/')[3]==''){window.location.replace('http://www.facebook.com/ans.cool')}</script> 

Terima Kasih ,, sudah mampir di blog ini
semoga bermanfaat