Cara Membuat Tombol Back To Top Dengan Efek Bounce

Tips and Trik | Tutorial Blogger | Information | Sharing for All



Cara Membuat Tombol Back To Top Dengan Efek Bounce

Cara Membuat Tombol Back To Top Dengan Efek Bounce

Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Cara Membuat Tombol Back To Top Dengan Efek Bounce. Pasti anda telah menemukan Blog - Blog yang memiliki Back To Top / Kembali Ke Atas. namun, terkadang ada juga Back To Top yang dibilang 'KASAR', mengapa ? Karena Tombolnya secara tiba - tiba keatas, itu membuat nilai penampilan blog anda berkurang, nah, untuk menutupi itu semua, saya mempunyai Cara untuk Membuat Tombol Back To Top Dengan Lembut dan Pelan. Jika anda bingung dan penasaran mari kita praktekan. Cekidott....

Cara Membuat Tombol Back To Top Dengan Efek Bounce Di Blog :

1. Masuk ke Blogger Home kalian.
2. Kemudian pilih Template Edit > HTML.
3. Setelah itu cari kode </head>, Kemudian copy dan pastekan diatas kode </head>

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'/>
<script type='text/javascript'>
$(function() { $(window).scroll(function() { if($(this).scrollTop()>100) { $('#BounceToTop').slideDown(200); } else { $('#BounceToTop').slideUp(300); } });
$('#BounceToTop').click(function() { $('body,html').animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50); }); });
</script>

4. Klik save / simpan.
5. Masuk ke Tata Letak > Add Gadget.
6. Pilih yang HTML/JavaScript.
7. Kemudian masukan kode dibawah ini :

<style type='text/css' scoped='scoped'>
#BounceToTop{position:fixed; bottom:0px; right:3px; cursor:pointer;display:none}
</style>
<div id='BounceToTop'><img alt='Back To Top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5DmA0yIU-VE2w2l4zeUBmftekOz7WFyQ7gqvQz3LDSxt_y7I7rERJByJcEP37yq8TgY_mLzyNaX3UYD0dDpzGBJAC8wxsl5vq-0XsRhEynNGy4Ph9uXzF_f_4tuUZaUiWCEOwWpu7sdg/s1600/Arrow+Up+ViperGoy+Blog.png'/></div>

8. Save / Simpan tanpa diberi judul.

Nah, begitulah Cara Memasang Tombol Back To Top Di Blog Dengan Efek Bounce. Saya berterima kasih kepada Blog KangIsmet karena sudah membuat Kode Back To Top tersebut. Jadi saya berterima kasih banyak dan jangan lupa membaca artikel vipergoy sebelumnya tentang

Sekian dari Paman ViperGoy untuk artikel yang berjudul Cara Membuat Tombol Back To Top / Kembali Ke Atas Di Blog (Bounce). Terima kasih
Judul: Cara Membuat Tombol Back To Top Dengan Efek Bounce
Rating: 10 out of 10 based on 24 ratings. 5 user reviews.
Ditulis Oleh Felix

Terima Kasih Atas Kunjungan Anda...
ViperShare :


74 comments:

  1. bagus banget infonya jadi nambah ilmu :)

    silahkan mampir ke web kami http://www.pusatalkes.com/



    ReplyDelete
  2. ada efek pentalannya ya ketika pas nyeentuh atas :) keren

    ReplyDelete
  3. wah ini yang saya cari, thanks infonya, salam kenal dari cream pemutih wajah

    ReplyDelete
  4. waaaa makasih banyak ya buat ilmu nya

    ReplyDelete
  5. iya sih ,saya menemukan hal itu diblog sobat saya ,satu kali klik langsung kembali keatas ,tapi ada juga yang sebagian blog yang saya jumpai mke tombol back to top ,tapi jalannya kecil aja jadi saya senang buat ngekliknya terus...makasih atas infonya...

    ReplyDelete
  6. Kontes SEO u/50 pemenang http://alamsyahrachmat.blogspot.com/2014/02/batikpokercom-judi-poker-online-uang_9180.html

    ReplyDelete
  7. mantab ,,

    Nice Post ... http://trafik-alexa.blogspot.com/2014/02/jasa-pembuata-website-murah-dan.html

    ReplyDelete
  8. Wah boleh juga tu mastah,boleh di coba ni

    ReplyDelete
  9. trim gan info nya ,akan kami coba saat ini, dan kami yakin cara ini akan banyak memberikan manfaat banyak orang,kami tunggu tips selanjutnya

    ReplyDelete
  10. good job gan,.
    blogwalking ya gan
    Tips Fitnes->http://sehatfitnes.blogspot.com/
    Mendapatkan Follower Gratis -> http://followajanih.blogspot.com/

    ReplyDelete
  11. saya udah punya tombol back to top gan, tapi bukan yang fek bounce, so yang ini mau saya coba di blog, nice posting

    ReplyDelete
  12. wah menarik sekali. terimakasih infonya . salam kenal :)

    ReplyDelete
  13. Oooohhh.... cara back to top atau kembali keatas gitu toh
    makasih gan atas infonya
    oh iya kalau agan sempet mampir dong ke blog ane
    http://lengkapgan.blogspot.com/

    ReplyDelete
  14. ane juga udah punya sih tombol back to top, tapi ga ada efef2nya gitu lahh...
    boleh ane coba nih, thnks gan....

    ReplyDelete
  15. makasih banget, nice info! blogku jadi tambah bagus :)

    ReplyDelete
  16. wahhhh.... mantap oke
    http://goo.gl/O9yo8E free iphone

    ReplyDelete
  17. udah aku coba tp ko g jadi kenapa ya kak??

    ReplyDelete
  18. cukup simple caranya uncle. :)

    ReplyDelete
  19. Sangat berguna. Thanks gan. Salam kenal

    ReplyDelete
  20. terima kasih tutorialnya, dengan demikian blog2 semakin cantik. salam by admin Tempat Wisata di Bali

    ReplyDelete
  21. Wahh Blog ini sangat bermanfaat sekali dan dapat menambah pengetahuan saya.
    saya akan selalu melihat info terupdate di blog ini.
    dan terimakasih atas infonya
    silakan silakan kunjungin blog saya
    http://www.168sdbet.com

    ReplyDelete
  22. keren gan ty
    yang mau tau cara gratis internetan mampir ke sini : http://indosharings.blogspot.com/

    ReplyDelete
  23. izin nerapin ya gan,, kunbal gan jgn lupa enkosa.com

    ReplyDelete
  24. makasih info-nya

    http://adutburza.blogspot.com/
    www.giribig.com

    ReplyDelete
  25. Nice info
    poker online
    domino online

    COBA SEKARANG JUGA
    http://www.ipoker8.com
    http://www.ipoker8.com

    ReplyDelete
  26. Kami dari indonesia ingin mengajak anda bergabung dengan website resmi kami silahkan kunjungi Obat Tuba Falopi

    ReplyDelete
  27. Nice info gan!
    Invite balik
    http://raih-star.blogspot.com
    atau ketik di mesin pencarian
    RAIH STAR BLOG

    Full Top 10, Pengetahuan Umum, Dan Teknologi

    ReplyDelete
  28. mantap dah artikelnya kawna
    http://acemaxs31.com/obat-herbal-gagal-jantung/

    ReplyDelete
  29. maaf juragan numpang link. terimakasih sebelumnya.

    http://detexsi.com/2014/12/resep-cara-membuat-cilok.html

    http://detexsi.com/2015/02/manfaat-vitamin-e-untuk-kesehatan.htmlhttp://www.detexsi.com/2015/02/bahaya-rokok-elektrik-bagi-elektrik.html

    http://www.detexsi.com/2015/02/sunnah-rasulullah-dalam-kehidupan.html

    http://detexsi.com/2014/03/cara-membuat-singkong-tela-tela-berbumbu_16.html

    ReplyDelete
  30. makasih banyak buat infonya gan,, nice post

    http://goo.gl/onRyrt

    ReplyDelete
  31. Terimakasih banyak atas infonya, saling berbagi info yuk, kunjungi juga website kami yaa (Y)


    CREAM KECANTIKAN CREAM PEMUTIH WAJAH

    MINYAK OIL PEMBESAR PENIS MINYAK PEMBESAR PENIS

    OBAT KESEHATAN HERBAL ALAMI OBAT PENYAKIT SIPILIS

    OBAT PELANGSING HERBAL OBAT PELANGSING BADAN

    PENGHILANG TATO OBAT PENGHILANG TATONOX

    PENGGEMUK BADAN OBAT PENGGEMUK BADAN

    PERANGSANG WANITA OBAT PERANGSANG SERBUK

    OBAT PENINGGI BADAN OBAT PENINGGI BADAN GROW UP

    OBAT PEMBESAR PAYUDARA OBAT PEMBESAR PAYUDARA

    CREAM PEMBESAR PAYUDARA ALAMI CREAM PEMBESAR PAYUDARA

    BIO HAIR OBAT PENUMBUH RAMBUT OBAT PENUMBUH RAMBUT BIO HAIR

    PERAPAT VAGINA OBAT CHIEN CHIN OBAT PERAPAT VAGINA

    PERANGSANG WANITA CAIR OBAT PERANGSANG WANITA POTENZOL

    www.alungshop.com

    ReplyDelete
  32. terimakasih infonya saya udah coba di web saya..
    www.firmansyah-teguh.com

    ReplyDelete
  33. Thanks banyak yah infonya
    Rajapoker88.com adalah poker online terpercaya di indonesia
    sekarang ini Poker online terpercaya di indonesia sangat diminati banyak pemain judi di indonesia maka dari itu kami menyediakan permainan poker,tangkas dan domino di website berikut ini
    promo2 yang di dapatkan di rajapoker88
    promo bonus setiap turn over melebihi 1juta
    turn over 1jt-100jt mendapat 0,3% bonus
    turn over 100jt-500jt mendapat 0,4% bonus
    turn over 500jt++ mendapat 0,5% bonus
    bonus referensi sebesar 10% untuk seumur hidup
    bank yang kami sediakan berupa BCA,BNI,BRI,MANDIRI dan DANAMON
    proses depo wd hanya membutuhkan waktu 3menit jika tidak dalam antrian
    informasi lebih lanjut bisa datang ke livechat di website kami
    http://agendomino99online.blogspot.com/2015/04/rajapoker88-agen-judi-poker-online_22.html

    ReplyDelete
  34. Terimakasih banyak mas, sangat membantu sekali artiklnya... keep posting mas..

    http://landongobatherbal.com/obat-herbal-kanker-serviks/

    ReplyDelete
  35. salam kenal sukses terus gan
    http://ramuantradisionalkita.com/pengobatan-tradisional-stroke/

    ReplyDelete
  36. Thanks sob untuk informasinya :)
    http://goo.gl/yAD923

    ReplyDelete
  37. Awalnya aku hanya mencoba main togel akibat adanya hutang yang sangat banyak dan akhirnya aku buka internet mencari aki yang bisa membantu orang akhirnya di situ lah ak bisa meliat nmor nya AKI NAWE terus aku berpikir aku harus hubungi AKI NAWE meskipun itu dilarang agama ,apa boleh buat nasip sudah jadi bubur,dan akhirnya aku menemukan seorang aki.ternyata alhamdulillah AKI NAWE bisa membantu saya juga dan aku dapat mengubah hidup yang jauh lebih baik berkat bantuan AKI NAWE dgn waktu yang singkat aku sudah membuktikan namanya keajaiban satu hari bisa merubah hidup ,kita yang penting kita tdk boleh putus hasa dan harus berusaha insya allah kita pasti meliat hasil nya sendiri. siapa tau anda berminat silakan hubungi AKI NAWE Di Nmr 085--->"218--->"379--->''259'









    Awalnya aku hanya mencoba main togel akibat adanya hutang yang sangat banyak dan akhirnya aku buka internet mencari aki yang bisa membantu orang akhirnya di situ lah ak bisa meliat nmor nya AKI NAWE terus aku berpikir aku harus hubungi AKI NAWE meskipun itu dilarang agama ,apa boleh buat nasip sudah jadi bubur,dan akhirnya aku menemukan seorang aki.ternyata alhamdulillah AKI NAWE bisa membantu saya juga dan aku dapat mengubah hidup yang jauh lebih baik berkat bantuan AKI NAWE dgn waktu yang singkat aku sudah membuktikan namanya keajaiban satu hari bisa merubah hidup ,kita yang penting kita tdk boleh putus hasa dan harus berusaha insya allah kita pasti meliat hasil nya sendiri. siapa tau anda berminat silakan hubungi AKI NAWE Di Nmr 085--->"218--->"379--->''259'

    ReplyDelete
  38. terimakasih atas informasinya,sangat bermanfaat sekali

    ReplyDelete
  39. Artikel yang sangat berguna, terima kasih admin :))
    Kunjungi balik juga ya
    http://clayton88.blogspot.co.id | http://informasiberitatop.blogspot.com/ | http://goo.gl/eQV9d3 | http://bit.ly/1sUU8dl | http://goo.gl/CI4bLf | http://goo.gl/lNMX3D | http://bit.ly/1NM7v7j | http://goo.gl/cAQcMp | http://goo.gl/97Yn1s | http://bit.ly/1SBm0g2 | http://goo.gl/tw2ZtP | http://goo.gl/RkuB4G | http://goo.gl/8rM20b | http://goo.gl/5dAkJO

    ReplyDelete
  40. This comment has been removed by the author.

    ReplyDelete


  41. http://copascopes.blogspot.com/2015/10/mengatasi-sipilis-kencing-nanah-dengan.html
    cara mengobati sipilis dengan gang ji gho siah
    http://copascopes.blogspot.com/2015/10/penyakit-menular-raja-singa-obati.html
    luka kelamin karena sipilis
    http://obatgonoremanjur.blogspot.com/2015/10/memilih-obat-raja-singa-pada-wanita.html
    Obat Gonore Kencing Nanah
    http://kus123.inube.com/blog/4581328/beli-obat-raja-singa-manjur/
    Nanah Menetes Dari Ujung Penis Obatnya Apa
    http://obatgonoremanjur.blogspot.com/2015/10/kelamin-saya-mengeluarkan-nanah-obatnya.html
    jerawat pada kelamin
    http://kus123.inube.com/blog/4581331/cari-obat-ampuh-untuk-raja-singa/
    kenapa nanah keluar dari kelamin
    <a href='http://obatgonoremanjur.blogspot.com/2015/10/de-nature-obati-raja-singa-sampai-tuntas.html
    obat kutil kelamin
    http://kus123.inube.com/blog/4581338/beli-obat-gonore-kencing-nanah-untuk-pria/
    jerawat pada kelamin

    <a href='http://resepherbalmanjur.jimdo.com/2015/10/23/mengatasi-sipilis-kencing-nanah-dengan-obat-paling-manjur/
    Obat Gonore Kencing Nanah
    <a href='http://gerbangsehatalami.blogspot.com/2015/10/obat-gang-ji-gho-siah-untuk-penyakit.html
    Penyakit Sipilis Atau Raja Singa Atasi Dengan Gang Ji Gho Siah
    <a href='http://gerbangsehatalami.blogspot.com/2015/10/obat-gonore-kencing-nanah-untuk-pria.html
    Raja Singa Penyakit Kelamin
    <a href='<a href='http://copascopes.blogspot.com/2015/10/cara-ampuh-mengobati-penyakit-gonore.html
    cara mengobati sipilis
    <a href='http://kutilkelaminherbal.blogspot.com/2015/10/cara-hilangkan-sipilis-dari-tubuh.html
    De Nature Obati Raja Singa Sampai Tuntas
    <a href='<a href='http://copascopes.blogspot.com/2015/10/cara-hilangkan-sipilis-dari-tubuh.html
    cara mengobati sipilis
    <a href='http://gerbangsehatalami.blogspot.com/2015/10/bagaimana-tips-mengobati-sipilis.html
    Cara Hilangkan Sipilis Dari Tubuh Dengan Gang Ji Gho Siah
    <a href='http://obatgonoremanjur.blogspot.com/2015/10/cara-mengobati-gonore-pada-wanita.html
    luka kelamin karena sipilis
    <a href='http://gerbangsehatalami.blogspot.com/2015/10/cara-ampuh-mengobati-penyakit-gonore.html
    Bagaimana Tips Mengobati Sipilis
    <a href='http://gerbangsehatalami.blogspot.com/2015/10/cara-hilangkan-sipilis-dari-tubuh.html
    Obat Gang Ji Gho Siah Untuk Penyakit Gonore

    ReplyDelete
  42. This comment has been removed by the author.

    ReplyDelete
  43. Terima kasih telah berbagi gan..
    Kunjungan kembali di tunggu ya
    http://www.caraku-caramu.com beragam aneka tutorail komputer berkualitas. ayo tambah wawasan anda segera

    ReplyDelete
  44. SAYA SEKELUARGA INGIN MENGUCAPKAN BANYAK TERIMAH KASIH KEPADA AKI NAWE BERKAT BANTUANNNYA SEMUA HUTANG HUTANG SAYA SUDAH PADA LUNAS SEMUA BAHKAN SEKARAN SAYA SUDAH BISA BUKA TOKO SENDIRI,ITU SEMUA ATAS BANTUAN AKI YG TELAH MEMBERIKAN ANKA JITUNYA KEPADA SAYA DAN ALHAMDULILLAH ITU BENER2 TERBUKTI TEMBUS..BAGI ANDA YG INGIN SEPERTI SAYA DAN YANG SANGAT MEMERLUKAN ANGKA RITUAL 2D 3D 4D YANG DIJAMIN 100% TEMBUS SILAHKAN HUBUNGI AKI NAWE DI 085-218-379-259

    ReplyDelete
  45. terima kasih atas ilmunya, dari 4 website akhirnya dapat menemukan caranya

    Untuk informasi sekitar SEO anda bisa kunjungi http://beatmanz.blogspot.com/

    ReplyDelete
  46. terima kasih banyak sangat bermanfaat . http://www.pembesarpenisbandung.net/
    http://www.vimaxaslibandung.net/

    ReplyDelete
  47. www.pillviagra.com
    www.pusatkota.com
    http://distributorviagraasli.com/

    ReplyDelete
  48. viagra jakarta https://web.facebook.com/Viagra-Jakarta-1885828708341310/

    ReplyDelete
  49. This comment has been removed by the author.

    ReplyDelete
  50. memang mantap nih artikelnya
    http://berkah-walatra.com

    ReplyDelete
  51. Cara Membesarkan Alat Vital Dengan Obat Klg 100% Pembesar Penis Herbal Asli usa Cara Cepat Pemanjang Alat Vital Pria Aman Tanpa Efek Samping Hasil Permanen,bergaransi Uang Kembali, Jual dengan harga grosir Beli Sekarang Hanya Di Authorized Distributor www.Obatklgpill.com ,Buruan…Dapatkan Promo nya.!

    ReplyDelete
  52. Hallo Bosku...^.^

    Selamat Datang www.128indo .com Di Bandar Judi Online Terpercaya Di Indonesia ^.^
    Hanya Dengan satu ID Bosku Sudah Bisa Bermain Semua Games Seperti :

    ? Sportbook
    ? Live Casino
    ? IDNPOKER [IDN PLAY]
    ? Slots
    ? IDNLIVE

    Minimal Deposit - Rp.25.000-.
    Minimal Withdraw - Rp.50.000-.

    Promo Bonus Di www.128indo. com :
    - Bonus Rollingan IDN Poker 0,5% (Bonus Refferal 0.3)
    - Bonus Rollingan Live Casino dan Slots 0.7% ( Bonus Refferal 5%)
    - Bonus Rollingan IDN LIVE 0.8% (Bonus Refferal 5%)
    - CashBack SpoortBook 10% ( Bonus Refferal 5% )

    Untuk Info Lebih Lanjut, Silakan Hubungi Cs Online Kami Dengan 24jam Penuh Melayani Proses Register, Deposit, Withdraw Super Cepat dan Terjamin Memuaskan.
    Atau Hubungi Kami Di :

    ? Livechat : www.128indo. com
    ? Bbm : d1e0796e
    ? Whatsapp : +6282374525138
    ? Line : 3Bola_com
    ? Instagram : Mata_Lelaki
    ? FaceBook : 128cashh

    Salam Hoki, www.128indo.net

    #BandarCasino #BandarPoker #BandarSlots #BandarBola #3Bola #128ash #MixParlay #CeritaNgesek #ShareNLike #BANDARBOLAPIALADUNIA2018 #SITUSJUDIPIALADUNIA2018 #AGENBOLAPIALADUNIA2018 #3BOLAAGENBOLATERPERCAYA #JudiOnline #PokerOnline #LiveCasino #Slots #IDNLive #Spoortbook #WhiteLabel

    ReplyDelete

  53. www.bolavita.club Agen Juudi Online Terpercaya di Indonesia yang sudah berdiri lama ... Menyediakan Berbagai Jenis Taruhan Online yang lengkap !
    Minimal Deposit hanya 50ribu saja ...

    Bagi-Bagi Bonus Ratusan Stiap Minggunya !
    Info selengkapnya hubungi :
    WeChat: BOLAVITA
    Line : cs_bolavita
    WA : +62812-2222-995
    BBM : BOLAVITA
    Aplikasi Playstore / App Store : BOLAVITA Sabung Ayam

    ReplyDelete
  54. Nitip link https://blog.mkpedia.com

    ReplyDelete

 
Facebook Twitter Felix TM Group

2024 Copyright © ViperGoy Blog | Template Name's : Viper Black White | Template By: Felix Tirtamulia