Hari ini terasa panas banget, belum lagi kondisi jalanan yang makin hari kayaknya makin kacau. Tapi sama sekali tidak mengurangi konsentrasi k'ian untuk mengupdate postingan di blog ini. Jika pada postingan yang kemarin k'ian telah membuat tentang "Memahami arti & fungsi logika pada kode HTML", kemudian postingan mengenai "Efek zoom pada gambar dengan JQuery Magnify". Pada kesempatan kali ini k'ian akan membahas mengenai penerapan pola kode "JQuery" pada body template dengan fungsi "Scroll to top button (tombol scroll untuk keatas)" .
Sedikit penjelasan mengenai maksud dari judul yang k'ian buat, yaitu :"Cara pasang jQuery Scroll to Top Button Control v1.1" adalah sebuah tombol yang secara otomatis akan berjalan ketika kita mengarakan scroll mouse kebawah, perhatikan sudut kanan bawah dari blog ini ketika kamu scroll kebawah. Yang menarik dari Jquery ini adalah gambarnya mampu tampil dengan elegant dan dia tidak akan muncul ketika kursor mouse masih berada di atas.
Untuk tutorialnya kita mulai dari langkah berikut :
1. Copy kode dibawah ini, dan letakkan diatas kode </head>
2. Jika kamu sudah pernah memasang kode pertama tadi, yang harus kita lakukan adalah hanya memasang kode yang kedua saja
Nb:
Sedikit penjelasan mengenai maksud dari judul yang k'ian buat, yaitu :"Cara pasang jQuery Scroll to Top Button Control v1.1" adalah sebuah tombol yang secara otomatis akan berjalan ketika kita mengarakan scroll mouse kebawah, perhatikan sudut kanan bawah dari blog ini ketika kamu scroll kebawah. Yang menarik dari Jquery ini adalah gambarnya mampu tampil dengan elegant dan dia tidak akan muncul ketika kursor mouse masih berada di atas.
Untuk tutorialnya kita mulai dari langkah berikut :
1. Copy kode dibawah ini, dan letakkan diatas kode </head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"/>
kode pertama
2. Jika kamu sudah pernah memasang kode pertama tadi, yang harus kita lakukan adalah hanya memasang kode yang kedua saja
<script src="http://sites.google.com/site/kianbersama/javascript/snow.js" type="text/javascript"/>
kode kedua
3. Setelah kode kedua dipasang, klik save / simpan dan lihat hasilnya....Nb:
- jika ingin merubah gambarnya kamu bisa download linknya disini
- Klik save --> buka aplikasi "notepad" --> klik menu file, kemudian pilih "open"
- Cari file "snow.js" yang sudah kamu download tadi --> klik "open" lagi.
- Kemudian cari kode URL berikut :
http://i261.photobucket.com/albums/ii58/katcake_777/5dd8185e5a249fec3f4eed51623fbc661.gif
- Block dan hapus kode tadi, kemudian ganti dengan kode URL yang ingin kamu pasang Kemudian "save".
- Jika file javascript tadi sudah kamu simpan, langkah selanjutnya adalah dengan cara meng-upload file tsb ke dalam situs external link bisa kamu lihat disini
hemmm...kayaknya ni tutorial make pola JQuery yach...!!!! tar dicobain akchh....!!!! ...Replay
@ Vhei : thank's ya, silahkan dicoba buat refrensi display blog keren tuh...!!!
Tq da comment..!! ^_^ ...Replay
wah yang di pojok bawah kanan ya mas, siip Mas, n thankyu tutorialnya... ...Replay
cuman bisa tercengang ajah dengan master tutorial... ajiiiebbb! ...Replay
@Buwel : Sama-sama mas, semoga bisa bermanfaat...
@Alexa : jangan terlalu memuji (Heeee...heeee...jd "GR" nih..!!!)
4All thank's ya da comment..!!! ...Replay
salam kenal.. ...Replay
@Ali mas'adi: sama-sama sob...!!! tq da berkunjung...!!! ...Replay
thanks gan, nice info ..
:) ...Replay
@ Mauren : Thank's ya da mampir n comment disini...tq ^_^ ...Replay
salam kenal :)
info nih, ada kontes berhadiah samsung corby dan ipod shuffle di gugling.com ...Replay
Wah boleh nih di coba.....
Thanks dah sharing tutorialnya sob :D ...Replay
@ H35TI : Sama-sama mbak..btw tuh jualan online nya..!!! ...Replay
mantaf gan tutorialnya jelas, singkat and berbobot
thanks ...Replay
@rey : makasih sob, semoga bermanfaat..thank's da comment disini..!!! ...Replay