Tampilkan postingan dengan label Jquery. Tampilkan semua postingan
Tampilkan postingan dengan label Jquery. Tampilkan semua postingan

Senin, 27 Agustus 2012

Background SlideShow with Facebook Album

· 0 komentar


It's a small wonder that many jQuery plugins were developed with the intention of easily introducing pretty slideshows to display and rotate series of images. However, almost none of these slideshow plugins utilize the idea of rotating CSS backgrounds. :)


Sample htm file: SlideShow.htm
JS file: AlbumSlideShow.js
CSS: CSSslideshow.txt

How to load:

<style type="text/css">
#block-all{
 display:none;
 position:fixed;
 width:100%;
 height:100%;
 top:0;
 left:0;
}
/*
see full css on file..
*/
</style>

<script type="text/javascript">
//daftar id album modeidFbAlbum manual split by coma

var idFbAlbum='270532219718335,274027116045434'; 

var idYgPunyaAlbum='AingCreations.Page'; 
//kalo manual yang di pake idFbAlbum
var modeidFbAlbum='auto'; //load auto semua album dari idYgPunyaAlbum

var toketYgPunyaAlbum=''; //perlu kalo album pribadi bukan page

//kalo idYgPunyaAlbum=='' sama idFbAlbum=='' yang dipake dftrSledSow

var dftrSledSow=[
"http://misal.nya/gambar.jpg",
"http://misal.nya/gambar.jpg" //masukan daftar URL gambar secara manual
]; 

var jedaSledSow=30000;
var urutanSledSow='random';
var defaultSizeGambarSlideShow='auto';
var repeatGambarSlideShow='repeat';
var posisiGambarSlideShow='center center';
var tampilinStatusLodingSledSow='hooh';

$.ajax({url:'http://template-aing.googlecode.com/files/AlbumSlideShow.js',dataType:'script',cache:true});
</script>
I am always receptive to any thoughts/suggestions you might have, so have words with me in the comments.

Blog Comments

· 0 komentar


Ksatria Purnama
published: 5 bulan kemaren (updated: 5 bulan kemaren)
category: Scripting, Tester
<!-- .wallArrowIcon{background-image:url(http://static.ak.fbcdn.net/rsrc.php/v1/yZ/r/E75W0JjLn8o.png);background-repeat:no-repeat;background-position:-187px -136px;height:9px;margin:0 5px;width:11px} --> <!-- var blognyaMana=window.location.hostname; function timeMachinez(what){ //format 2011-11-12T10:45:30+000 and 2011-12-09T10:23:28.695+07:00 var today=new Date(); var todayTahun=

Cara Sopan Copy Paste Article Blogspot dengan jQuery

· 0 komentar



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

jQuery: Write Less, Do More

· 0 komentar

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>
Loading Image..
69 Images Left.

Sample 1

Sample 2

Click --> show('slow')

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

Dynamic Blogger Archive Sort by Label [updated]

· 1 komentar


Sample in HTM file: modifArchiveListSample.htm
Online Sample preview: dynamic-blogger-archive-sort-by-label.blogspot.com

Main JS file: modifArchiveList.js
CSS: modifArchiveList_CSS.txt

How to load

Masukin CSS diatas ke CSS diBlog elo,
Add the CSS above to your blog template CSS,
Bikin satu widget HTML/Javascript, masukin script dibawah kedalemnya terus tempatin widget ini dibagian paling bawah dari layout blog.
Create a new HTML/Javascript widget, put the below script in it and placed this widget at the most bottom of blog layout.
if($('.post-title a').length==0){
  window.lingPost=$('a[rel="bookmark"]').prop('href')
}else{
  window.lingPost=$('.post-title a').prop('href')
}
if(typeof lingPost=='undefined'){window.lingPost=false}

$.ajax({url:'http://template-aing.googlecode.com/files/modifArchiveList.js',dataType:'script',cache:true,success:function(){
asipAing.modifArchiveList();
}});
Untuk Author panel, karena script ini baca label sama URL dari halaman aktif, jadi kalo postingan elo gak ada labelnya, Author panel gak bakal diload.
Metaaaaaaaaaaalllll...... \m/:P

Facebook Friends Loader

· 0 komentar


Silahkan di modif :)
www.facebook.com/download/302003526559782/loadFriends.htm
When I was in high school I used to be terrified of my girlfriend's father, who I believe suspected me of wanting to place my hands on his daughter's chest. (what?! :D)
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();

Show Facebook friends loader

Simple Background SlideShow with jQuery

· 0 komentar



It's a small wonder that many jQuery plugins were developed with the intention of easily introducing pretty slideshows to display and rotate series of images. However, almost none of these slideshow plugins utilize the idea of rotating CSS backgrounds. :)

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

jQuery: Visitor Notification

· 0 komentar


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

jQuery: Blog Profile Widget Modification

· 0 komentar
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.

handapeunpost