Membuat Tombol Back To Top JQuery - Blog Kang Fatur

    Social Items

/ / / / / / Membuat Tombol Back To Top JQuery
Pada tutorial kali ini saya akan mengetengahkan cara "Membuat Tobmol Back To Top JQuery". Fungsi tombol ini yaitu untuk menggulung layar ke atas pada Blog/Situs kita, apalagi bagi Blog sobat yang memuat Postingan sangat panjang, dan pembacapun tidak kewalahan harus menscroll dari bawah ke atas (kasian takut kewalahan).

Saya tidak akan panjang lebar untuk menjelaskan hal ini, karena sobat-sobat semua mungkin sudah pada tahu alias paham OK. Adapun cara pembuatannya sangat gampang dan simpel alias tidak membuat sobat pusing.

OK, kita langsung aja ke tahap pembuatan yuuukk,

  1. Seperti biasa LogIn ke Blogger sobat
  2. Klik tab Rancangan --> Elemen Halaman
  3. Klik Tambah Gadget --> HTML/Java Script
  4. Kemudian simpan kode dibawah ini dalam konten HTML/Java Script

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

    <script src="http://kangfatur.googlecode.com/files/uwihdei.js" type="text/javascript"></script>


    PERHATIAN
    Kode yang berwarna Green/Hijau jika di HTML Template sobat sudah pernah memasangnya atau sudah ada maka sobat cukup memasang kode yang berwarna Merah/Red saja OK


  5. Setelah langkah-langkah diatas terpenuhi maka klik tombol Save dan lihat hasilnya


Selamat mencoba semoga bermanfaat.


KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI

Membuat Tombol Back To Top JQuery

Pada tutorial kali ini saya akan mengetengahkan cara "Membuat Tobmol Back To Top JQuery". Fungsi tombol ini yaitu untuk menggulung layar ke atas pada Blog/Situs kita, apalagi bagi Blog sobat yang memuat Postingan sangat panjang, dan pembacapun tidak kewalahan harus menscroll dari bawah ke atas (kasian takut kewalahan).

Saya tidak akan panjang lebar untuk menjelaskan hal ini, karena sobat-sobat semua mungkin sudah pada tahu alias paham OK. Adapun cara pembuatannya sangat gampang dan simpel alias tidak membuat sobat pusing.

OK, kita langsung aja ke tahap pembuatan yuuukk,

  1. Seperti biasa LogIn ke Blogger sobat
  2. Klik tab Rancangan --> Elemen Halaman
  3. Klik Tambah Gadget --> HTML/Java Script
  4. Kemudian simpan kode dibawah ini dalam konten HTML/Java Script

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

    <script src="http://kangfatur.googlecode.com/files/uwihdei.js" type="text/javascript"></script>


    PERHATIAN
    Kode yang berwarna Green/Hijau jika di HTML Template sobat sudah pernah memasangnya atau sudah ada maka sobat cukup memasang kode yang berwarna Merah/Red saja OK


  5. Setelah langkah-langkah diatas terpenuhi maka klik tombol Save dan lihat hasilnya


Selamat mencoba semoga bermanfaat.


KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI
Blog Tutorial Blogger JQuery Tips Trik Blog Tutorial Blogger

38 comments:

  1. FREE_MOVIEMarch 28, 2011 at 7:56 PM

    wah boleh juga ne ilmu langsung di coba gan izin copy scripx??

    ReplyDelete
  2. YUDIMarch 28, 2011 at 8:13 PM

    kujung balik nih kang lagi edit lagi nama blog dari klikmarva.co.cc ke klikmarva.blogspot.com soal abis baca blog yang lain takut suatu saat kena masalah harus bayar kalau pake co.cc jd bisa ribet oh iya sekalian follow nih

    ReplyDelete
  3. Kang FathurMarch 28, 2011 at 8:17 PM

    @MARVA Ia sob betul, kita harus hati2 dari pada nanti suatau saat kehilangan domain, mending Blogspot aja.

    ReplyDelete
  4. AnonymousMarch 28, 2011 at 8:19 PM

    blognya bagus, kang.. :)

    ReplyDelete
  5. Noell_vbMarch 28, 2011 at 9:34 PM

    datang malam hari gan...nice blog..semoga kabar baik selalu...
    ane dah follow...dan jangan lupa tuker link ya gan...mantap...salam damai dari ambon

    ReplyDelete
  6. Prapatan KertekMarch 28, 2011 at 10:57 PM

    Berkunjung untuk cari teman..

    ReplyDelete
  7. wawanMarch 28, 2011 at 10:59 PM

    postingnya bermanfaat bagi saya,,,,maksih sebelumnya,,,,saya riques kang fatus js slid banner lok bisa maksih ya

    ReplyDelete
  8. Noell_vbMarch 29, 2011 at 6:30 AM

    hahahaha...foto profil na lucu banget sob..hehehe
    mantap..btw sob bagus...semua blog intinya bagus..yang penting isinya bisa bermanfaat bagi sesama..
    salam damai dari ambon

    ReplyDelete
  9. Kang FaturMarch 29, 2011 at 6:42 AM

    @Noell_vb Ia sob lucu, sengaja agar pengunjung makin senyum aja. OK makasih sob tas kunjungannya sering2 aja. Kembali salam damai selalu

    ReplyDelete
  10. pawwasMarch 29, 2011 at 9:23 AM

    Salam kenal, scriptnya saya coba, makasih ya

    ReplyDelete
  11. Fathur HidayatMarch 29, 2011 at 7:58 PM

    wah thx infonya :D

    ReplyDelete
  12. Obat Sakit 2011March 29, 2011 at 8:06 PM

    bermanfaat gan
    nanti dicoba

    ReplyDelete
  13. SalehoMarch 29, 2011 at 8:10 PM

    aku cari2 buku tamu dimana gan kok sulit menemukannya

    ReplyDelete
  14. Aini SastraMarch 29, 2011 at 8:23 PM

    Blogwalking buat sahabat..

    ReplyDelete
  15. geramMarch 29, 2011 at 9:02 PM

    nice blog!!

    ReplyDelete
  16. nurdin99March 29, 2011 at 9:03 PM

    Maaf masjika nanti saya banyak mengcopy segala tutorial mas coz saya lagi belajar

    ReplyDelete
  17. nurdin99March 29, 2011 at 9:12 PM

    moho jg untuk diikhlaskan kalau saya mengcopy segala karya mas. smoga keikhlasan mas mendpt balasan Allah yang lebih

    ReplyDelete
  18. soulzicksoftwareMarch 29, 2011 at 9:57 PM

    hellow kang fatur , rada bingung nyari shotmix nya ga ada , yauda mejeng di sini aj , wew Jquery , udah tau sih kang , cuman nice info buat yang g tau ,, ditunggu kunjungannya lagi ya kang

    ReplyDelete
  19. a loqmanMarch 29, 2011 at 10:12 PM

    singgah malam

    ReplyDelete
  20. CeritaMarch 29, 2011 at 11:09 PM

    Mantaff berbagi ilmu, salam sukses dan salam kenal, mampir balik ya..thank's

    ReplyDelete
  21. peNulis SeNjAMarch 29, 2011 at 11:32 PM

    blogwaking sahabat

    ReplyDelete
  22. advanMarch 30, 2011 at 12:02 AM

    Tambah ilmu lagi nih,terima kasih infonya kang.
    oiya saya cari buku tamu kok nggak ada memang tidak di sediakan ya kang...
    ya sudah di sini saya pakai sebagai buku tamu sekaligus ya he he he
    kunjungan balik kang,selamat malam,dan salam kompak.
    http://advanshare.blogspot.com
    http://clickadvan.blogspot.com

    ReplyDelete
  23. just_ichallMarch 30, 2011 at 12:03 AM

    blogwalking gan...^^

    ReplyDelete
  24. Kabar KepriMarch 30, 2011 at 12:42 AM

    Makasih, Kang Fatur infonya..salam blogger..

    ReplyDelete
  25. IwonaMarch 30, 2011 at 1:30 AM

    Thank you very much for ur kind visit my Friend,always welcome,Keep smile today and each day
    and come again.

    ReplyDelete
  26. noraMarch 30, 2011 at 8:43 AM

    singgah sebentar..n baca n3 kamu....8)

    ReplyDelete
  27. cahyaMarch 30, 2011 at 3:09 PM

    boleh di coba nih kang, makasih ya ...

    ReplyDelete
  28. AnnMarch 30, 2011 at 4:08 PM

    I welcome you let you have a beautiful day

    ReplyDelete
  29. movie and mucicMarch 30, 2011 at 5:22 PM

    saya mau coba juga tips ini,,bagus banget..sama bagusnya sama blognya,,salut buat anda,,good job,,ini saya persembahkan juga blog saya pr3,,comen juga ya biar dapat backlink dari pr3 punya saya

    ReplyDelete
  30. pr3March 30, 2011 at 5:23 PM

    jika tertarik excange klink kabari ya kawan,,dari pr3

    ReplyDelete
  31. Munadjat Arief Sampurna SEMarch 30, 2011 at 5:39 PM

    met sore kang..maaf baru bs mampir sekarang..

    ReplyDelete
  32. AnonymousMarch 30, 2011 at 5:56 PM

    jln n folow..nice...

    ReplyDelete
  33. cahyaMarch 30, 2011 at 7:13 PM

    tutorialnya, mantaps-mantaps nih kang fatur :X

    ReplyDelete
  34. Kontes Berhadiah DomainMarch 31, 2011 at 1:07 AM

    Makasih tutorialnya kang....

    ReplyDelete
  35. MOVIES AND MUSICMarch 31, 2011 at 1:09 PM

    HY ALL...I AM HERE,,HAVE FREE BACKLIK FROM PR 3 MY BLOG//COME AND GET...INTERESTED LINK EXCANGE

    ReplyDelete
  36. LysaApril 1, 2011 at 8:37 PM

    Hi, thanks for your visit nice weekend ..

    ReplyDelete
  37. UnknownJune 16, 2012 at 4:16 PM

    informasi yang menarik..paling cocok digunakan yang memilih komentar lebih dari 100

    ReplyDelete
  38. Evhan Radoth SipahutarAugust 9, 2013 at 6:17 PM

    Tx Kang Siap Disedot Artikelnya :D

    Jempol Deh Buat Akang

    ReplyDelete

Subscribe to: Post Comments (Atom)

Subscribe Our Newsletter

Notifications

Disqus Logo