aingcreation.blogspot.com

Showing posts with label jQuery. Show all posts

Friday, June 1, 2012

Facebook Friends Loader

Silahkan di modif :)
www.facebook.com/download/302003526559782/loadFriends.htm

Biar gak harus masukin Access Token secara manual, elo bisa gabungin sama Connect facebook.

function kaloUserUdahKonek(){
  $('#actok-lf').val(aktokUserYgLogin);
  $('.post-loadfriends').fadeIn(function(){
    lodCsAing();
  });
}

//... blah.. blahh.. script connect fb..
// user udah connect..
kaloUserUdahKonek();

Tuesday, May 22, 2012

Simple Background SlideShow with jQuery

<!-- jQuery Library --><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js" type="text/javascript"></script>

<!-- Simple Background SlideShow Script --><script src="http://jquery-aing.googlecode.com/files/BackgroundSlideShowAing.js" type="text/javascript"></script>

<!-- Call ssBG.SlideMyBG() function after the page fully loaded -->
<script type="text/javascript">$(window).load(function(){ssBG.SlideMyBG()})</script>

<!-- Advanced settings --><script type="text/javascript">
$(window).load(function(){
  var MYlist=[
    "http://mysite.com/photo1.jpg",
    "http://mysite.com/photo2.jpg" // No coma at the end of list
  ];
  var MYstyle='diurut aje bang dari awal ye'; // Default is random
  var MYspeed=10000; // Delay between image changes
  var MYbgPos='top center'; // background-position
  var MYbgSize='100%'; // background-size (you may try auto 100%)
  var MYbgRep='repeat-x'; // repeat-y, repeat, no-repeat

  ssBG.SlideMyBG(MYlist,MYstyle,MYspeed,MYbgPos,MYbgSize,MYbgRep)
})
</script>

<!-- To add a new collection into an existing, you may use ssBG.gbr.concat(list1,list2) --><script type="text/javascript">
$(window).load(function(){
  var MYlist1=[
    "http://mysite.com/photo1.jpg",
    "http://mysite.com/photo2.jpg" // No coma at the end of list
  ];
  var MYlist2=[
    "http://mysite.com/photo3.jpg",
    "http://mysite.com/photo4.jpg",
    "http://mysite.com/photo5.jpg" // No coma at the end of list
  ];

  ssBG.gbr=ssBG.gbr.concat(MYlist1,MYlist2);
  ssBG.SlideMyBG('','sort','','','auto 100%');
})
</script>

I am always receptive to any thoughts/suggestions you might have, so have words with me in the comments.

Thursday, April 5, 2012

Cara Pasang

Pastiin Library jQuery sama Plugin jQuery Ui berikut udah ada dibagian <head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>

Bikin Widget HTML/Javascript baru dibagian paling bawah Layout Blog, terus isi kira-kira kaya gini:

Yang diatas itu baru script pendukung aja, buat deteksi Browser sama Konversi Waktu ke kalimat karak ge crot bieu

Sekarang tinggal nambahin baris berikut setelah script yang di atas tadi

<script src="http://jquery-aing.googlecode.com/files/notipAing-jQ.js" type="text/javascript"></script>

Save Widget HTML/Javascript yang lo bikin barusan dan lihat hasilnya.

Kalo pengunjung di blog elo gak kecatet dinotif ini, berarti blog elo belom ada connect facebooknya atau gak ada variable idUserYgLogin nya.

Kalo untuk Connect Facebook kayanya udah sering dibahas kali ya, Script dibawah ini Cara cepat dapetin idUserYgLogin

Kalo masih pengen baca-baca :P ada lagi nih.. //irl4nd.blogspot.com/2012/03/jquery-visitor-notification-test.html

Kalo ada yang kurang jelas, komen aja dibawah, siapa tau ada temen-temen yang lain yang bisa bantu :D

wk kabooooooooooooorrrrrrrrr.... XD

Sunday, April 1, 2012

Blog Comments

Friday, March 30, 2012

Cara Sopan Copy Paste Article Blogspot dengan jQuery

Kalo gak mau hasil karya kita ditiru, maka jangan pernah membuat sesuatu dan dipublikasikan ke publik cukuplah itu untuk konsumsi pribadi.

Itu mungkin jawaban capek dari kisruh soal copy paste dllajrstuvcdecpksrzzzz:P

Etika copy paste yang menurut gw Sopan, dengan ngelampirin Nama Penulis asli sama Link ke Article asli. Repot? Ribet?,, mungkin beberapa baris Script jQuery seperti dibawah bisa sedikit ngebantu :)

<script>if(typeof $=='undefined'){document.write(unescape('%3Cscript src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js" type="text/javascript"%3E%3C/script%3E'))}</script>
<script src="http://jquery-aing.googlecode.com/files/postPeeperAing-FBlike.js" type="text/javascript"></script>

<script type="text/javascript">
getBlog('8877054886222844293','4228057313948377066');
</script>

8877054886222844293 itu blogID dan 4228057313948377066 itu postID

Terus gimana cara nyari blogID sama postID??

Kalo elo pake Firefox elo bisa teken tombol CTRL+U (Right Click->View Page Source) terus CTRL+F (Edit->Find) ketikin blogID atau postID hasilnya seperti gambar dibawah

Emang gak semua Blog dan Article bisa dicopas pake cara ini khususnya untuk Article yang pake script-script tertentu. Ya seenggaknya ada usaha dari kita sebagai rasa saling menghormati antar blogger, paling tidak kita bisa masukin di label/category kaya misal dari blog anu

Belajar itu proses untuk menjadi tahu dan bukan soal cepat atau lambatnya tapi gimana proses tersebut ngelahirin beragam disiplin mengenai ilmu yang hendak dipelajari.

Untuk tester silahkan kunjungi 
//irl4nd.blogspot.com/2012/03/service-post-api-test.html

Wednesday, March 21, 2012

jQuery: Blog Profile Widget Modification

Widget Profile bawaan Blogger kalo menurut gw kurang enak aja diliatnya, udah fotonya kecil, dah,, standard aja pokonya gak seru. Untuk mengatasi hal itu, kami datang membawa harapan baru untuk anda. Ya benar!! Hanya dengan memasang Script ini Anda sudah bisa mendapatkan tampilan Profile widget yang mewah dan mahal. Jangan tunggu sampai besok, pasanglah sekarang juga, hanya dengan Mendownload Script-nya DiSini Anda bisa langsung mendapatkan mesin cuci yang mahal dengan menukarkan uang anda di toko mesin cuci terdekat!! :P XD :D wkwk..

Demo-nya bisa dilihat di jquery-tester.blogspot.com

Script ini pake jQuery, jadi jangan lupa buat masang library-nya kalo emang belom. Tapi kalo di script yang diatas udah ada disitu library punya google,, kalo emang di blog elo udah ada jQuery library-nya, yang itu di hapus aja.

Thursday, March 15, 2012

jQuery: Write Less, Do More

jQuery itu JavaScript Library cara cepat dan singkat yang menjadikan alur document HTML menjadi lebih sederhana, penanganan event, membuat animasi, dan interaksi Ajax untuk pengembangan web yang cepat. jQuery didesain buat ngerubah cara lo nulis Javascript.

Pastinya jQuery ini gak bakalan jalan kalo kita belom nge-load Library-nya. Kalo gak mau atau males hosting Library sendiri, kita bisa pake punya orang :D, misal punya google kaya dibawah ini.

<script src='"http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js" type="text/javascript"></script>

Sample 1

Click --> slideToggle('slow')

<a href="javascript:void(0)" onClick="$('#h-slide').slideToggle('slow')">Click Here 4 slideToggle('slow') Demo</a>
<div id="h-slide" style="display:none">Hello There.. :)</div>

Sample 2

Click --> show('slow')

<a href="javascript:void(0)" onClick="$('#h-show').show('slow'); $(this).css({display:'none'})">Click Here 4 show('slow') Demo</a>
<div id="h-show" style="display:none">Hello There.. :)</div>

www.google.co.id/search?q=belajar+jQuery