Cara Membuat Tombol Back to Top dengan Efek Bounce

Apa kabar semuanya? kembali lagi dengan saya Lingga Novandra yang selalu setia menemani anda semua dalam pembelajaran dunia blogging. Pada tutorial kali ini saya akan membahas tentang bagaimana Cara Membuat Tombol Back to Top dengan Efek Bounce. Sebenarnya tutorial ini sudah banyak yang mengetahuinya, tapi sekarang saya hanya mengulanginya lagi supaya para pengguna internet yang baru terjun ke dunia blogging dapat mengetahuinya. Manfaat dari tombol back to top ini adalah untuk mempermudah anda dalam melakukan scroll ke atas, maka secara otomatis dia akan kembali ke atas dengan sendirinya, dan yang pasti menggunakan efek bounce (memantul) supaya terlihat lebih keren.
Cara Membuat Tombol Back to Top dengan Efek Bounce

Untuk para blogger yang belum tahu Cara Membuat Tombol Back to Top dengan Efek Bounce ini, silahkan ikuti langkah - langkah berikut.
  1. Login ke blogger
  2. Pilih Template
  3. Cari kode </head>, kemudian letakkan script berikut tepat di atas kode </head>.
  4. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
    <script type='text/javascript'>
    $(function() { $(window).scroll(function() { if($(this).scrollTop()&gt;100) { $(&#39;#BounceToTop&#39;).fadeIn(); } else { $(&#39;#BounceToTop&#39;).fadeOut(); } });$(&#39;#BounceToTop&#39;).click(function() { $(&#39;body,html&#39;).animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50); }); });
    </script>
  5. Cari kode <body>, kemudian letakkan script berikut tepat di bawah kode <body>.
  6. <style scoped='scoped' type='text/css'>
    #BounceToTop{position:fixed;bottom:0px;right:3px; cursor:pointer;display:none}
    </style>
    <div id='BounceToTop'><img alt='Back to top' src='http://www.superdruglookatme.com/wp-content/themes/superdrug/images/top.png'/></div>
  7. Simpan template.

Perhatian :
  • Untuk mengganti icon tombol back to top, silahkan ganti link URL gambar yang berwarna biru di atas dengan URL gambar yang anda inginkan.

Demikian tutorial yang dapat saya bagikan tentang Cara Membuat Tombol Back to Top dengan Efek Bounce. Semoga bermanfaat. Jangan lupa tinggalkan komentarnya, karena komentar anda sangat berarti buat saya.

2 comments:

  1. Welcome To ACEPOKER99.com Situs judi online terbaik di indonesia.

    Rasakan sensasi permainan 100% Player Vs Player dengan minimal Deposit / Withdraw sebesar Rp.25.000.

    Bonus luar biasa yang kami hadirkan berupa :
    * Bonus Referral 20%.
    Ajak teman-teman anda bermain bersama anda di AcePoker99.com, potongan meja kemenangan teman anda akan kami kali sebanyak 20% dan akan di bagikan secara otomatis tanpa di claim.

    * Bonus Double Cashback
    Kumpulkan Turnover mu sebanyak - banyak nya dalam 1 minggu, kami akan membagikan bonus turnover kepada anda yang berhasil mengumpulkan minimal 1 juta Turnover, semakin banyak turnover yang kalian raih, semakin banyak juga bonus yang kalian dapatkan.

    AcePoker99.com juga menyediakan 7 Games dalam 1 User ID:
    - Poker Online
    - Domino QQ
    - Bandar Q
    - Bandar Poker
    - Capsa Susun
    - Adu Q
    - Sakong Online

    Dibantu dengan 5 bank local aktif untuk mempermudah transaksi : BCA, BNI (24JAM), BRI(24JAM), MANDIRI (24JAM), DANAMON (24JAM)

    Ayo !! Buruan gabung bersama kami di http://acepoker99.com/app/Default0.aspx?lang=id Dan rasakan sensasi bermain bersama kami !

    ReplyDelete
  2. Kabar Gembira Bagi Pemain Judi Bola/Casino Di Indonesia. Kini hadir situs judi online dengan tampilan yang menarik, Promo yang memanjakan member serta memberikan Hoki bagi member setianya, Yaitu www.qqhok.com.

    Bonus Yang Disediakan di QQhok :

    ? Bonus Rollingan Live Casino 0.8%
    ? Bonus Cash Back 0,5%
    ? Bonus Rollingan Slot 0,8%
    ? Bonus Cash Back Sportbook 0,5%-10%

    Keuntungan Bermain Di QQhok :

    ? Prosess Deposit/Withdraw Yang Cepat Membuat Member Nyaman Untuk Bermain
    ? Pelayanan CS Yang Ramah Dan Cantik 7/24Jam
    ? 1 User ID Sudah Dapat Memainkan Semua Permainan DI QQHok Yaitu : Poker, Togel, Bola, Live Casino,Slot Dan Masih Banyak lagi Permainan Yang Akan Menghibur Anda
    ? Pembagian Turn Over Dibagikan Pada Hari Senin
    ? Minimal Depo Hanya 25Rb Dan WD 50Rb

    Untuk info lebih lanjut bisa langsung menghubungi pihak Costumer Service Esia Poker.

    Hubungi kami :
    PIN BBM : DCD46444
    TELEPON : +855 9857 1599
    WA : +855 9857 1599
    Live Chat : www.qqhok.com

    ReplyDelete

 
© Copyright 2016 Lingga Mendunia. All Rights Reserved | Powered by Blogger.com
Created by Lingga Novandra