Global Variables


Minggu, 29 Mei 2011

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





 









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)
Diposting oleh di Tidak ada komentar:
Label: , ,

Sabtu, 28 Mei 2011

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
Diposting oleh di Tidak ada komentar:
Label: ,

Random Background for Your Blog 






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
Diposting oleh di Tidak ada komentar:
Label: ,

Selasa, 24 Mei 2011

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
Diposting oleh di Tidak ada komentar:
Label: ,

Senin, 23 Mei 2011

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
Diposting oleh di Tidak ada komentar:
Label: ,
Langganan: Komentar (Atom)

handapeunpost