» » Cara membuat tombol Back to Top di blog dengan mudah

Info Tentang Cara membuat tombol Back to Top di blog dengan mudah Update Terbaru 2017 Gratis

Sedikit Info Seputar Cara membuat tombol Back to Top di blog dengan mudah Terbaru 2017 - Hay gaes kali ini team Blog Semprol, kali ini akan membahas artikel dengan judul Cara membuat tombol Back to Top di blog dengan mudah, kami selaku Team Blog Semprol telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Blog Semprol. semoga isi postingan tentang Artikel Tutorial Blog, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul: Berbagi Info Seputar Cara membuat tombol Back to Top di blog dengan mudah Full Update Terbaru
link: Cara membuat tombol Back to Top di blog dengan mudah
"jangan lupa baca juga artikel dari kami yang lain dibawah"

Artikel Terbaru Cara membuat tombol Back to Top di blog dengan mudah Update Terlengkap 2017

kalian pernah melihat back to top di blog-blog tetangga,tetapi back to top ini lebih keren karena dilengkapi dengan efek bounce jadi pengunjung bisa melihat sesuatu hal yang berbeda diblog anda dan jika anda ingin melihat demonya tidak usah jauh-jauh,karena di blog ini juga ada dan jika anda tertarik untuk memasang silakan ikuti cara-caranya


Login blogger anda di SINI
Pilih template > edit HTML
Cari kode </head> lebih mudah gunakan Ctrl+F
Masukan kode dibawah tepat di atas kode </head>


    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js'/>
    ket: jika sudah ada kode tersebut lewati langkah diatas

    Setelah itu masukan kode dibawah ini tepat di atas kode </head>
    <script type='text/javascript'>$(function() { $(window).scroll(function() { if($(this).scrollTop()>100) { $('#BounceToTop').fadeIn(); } else { $('#BounceToTop').fadeOut(); } });$('#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>


    Setelah memasukan kode diatas simpan template, lalu pilih tataletak >tambah wiget > HTML/Javascript
    dan masukan kode di bawah 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/AVvXsEgarDmBa7U5iszEUZTGXInkcrz7u56hsggQROVEk_e68zrOl-ThaoSXY3Gyg_xzqbQNDxthx8tSmPMBjKFVQ16bWpgw-7nM18sVCAEavLtZ7eddKbyqgkv2kgS-mlWiO57vEWsesgYgsW-H/s1600/arrow-up_basic_blue.png'/></div>

    Anda bisa mengganti gambarnya dengan mengganti tulisa berwarna merah dengan URL gambar yang anda ingin kan
    lalu klik save

    Itulah sedikit Artikel Cara membuat tombol Back to Top di blog dengan mudah terbaru dari kami

    Semoga artikel Cara membuat tombol Back to Top di blog dengan mudah yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Blog Semprol. jangan lupa baca juga artikel-artikel lain dari kami.
    Terima kasih Anda baru saja membaca Artikel Tentang Cara membuat tombol Back to Top di blog dengan mudah

    Related Posts :