Mau tau cara buat yang seperti ini, silahkan klik disini

widget by Kianhome
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>
<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".
Cara Upload File JS
  • 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


Share to :

Related Post :


About the Author :

K'ian is a designer, web tutorial design, and blogging enthusiasts. Tutorial blog debut the first time when entering college, when I get to know the world wide internet and so much more. Now I work at one of the state trading company, a job that would conflict with the world of blogging and web design. Today remains a serious manage blog " Kolam Blogging Tips | Kianhome ".

14 Response to "Cara pasang jQuery Scroll to Top Button Control v1.1"

  1. vhei Said,

    hemmm...kayaknya ni tutorial make pola JQuery yach...!!!! tar dicobain akchh....!!!! ...Replay

     

  2. Kian Coy Said,

    @ Vhei : thank's ya, silahkan dicoba buat refrensi display blog keren tuh...!!!

    Tq da comment..!! ^_^ ...Replay

     

  3. buwel Said,

    wah yang di pojok bawah kanan ya mas, siip Mas, n thankyu tutorialnya... ...Replay

     

  4. cuman bisa tercengang ajah dengan master tutorial... ajiiiebbb! ...Replay

     

  5. Kian Coy Said,

    @Buwel : Sama-sama mas, semoga bisa bermanfaat...

    @Alexa : jangan terlalu memuji (Heeee...heeee...jd "GR" nih..!!!)

    4All thank's ya da comment..!!! ...Replay

     


  6. Kian Coi Said,

    @Ali mas'adi: sama-sama sob...!!! tq da berkunjung...!!! ...Replay

     

  7. Mauren Said,

    thanks gan, nice info ..

    :) ...Replay

     

  8. Kian Coi Said,

    @ Mauren : Thank's ya da mampir n comment disini...tq ^_^ ...Replay

     

  9. lukman Said,

    salam kenal :)
    info nih, ada kontes berhadiah samsung corby dan ipod shuffle di gugling.com ...Replay

     

  10. H35TI Said,

    Wah boleh nih di coba.....
    Thanks dah sharing tutorialnya sob :D ...Replay

     

  11. Kian Coi Said,

    @ H35TI : Sama-sama mbak..btw tuh jualan online nya..!!! ...Replay

     

  12. rey Said,

    mantaf gan tutorialnya jelas, singkat and berbobot
    thanks ...Replay

     

  13. Kian Coi Said,

    @rey : makasih sob, semoga bermanfaat..thank's da comment disini..!!! ...Replay

     

Post a Comment

Blog ini menganut sistem "Dofollow", Silahkan Tinggal komentar, saran, kritik disini.. apapun itu jangan SPAM ok..


Berita Terkini

Friend Follower's

Tips Health

Techno

Hot Nasional

Celebrity

My Blog List

Recent Comment

© Copyright 2011 | Dikelola sepenuhnya oleh : Kiancoi
KianHome Member of PlanetBlog | SitusBersih | Support on Mozilla Firefox and Google Crome Browser
Home | Posts RSS | Comments RSS | Sexy Blog |