Tombol back to top V1 di Blogger. Pada kesempatan ini admin sepeser.com akan berbagi tutorial blog tentang cara membuat tombol back to top. Ketika blog memposting artikel yang panjang, tombol ini dapat membantu pengunjung untuk mempermudah kembali ke halaman atas pada awal artikel tanpa perlu scroll ke atas.
Tombol back to top memiliki peranan cukup penting bagi blog dengan konten yang memiliki halaman yang panjang. Blog yang memuat banyak informasi pada halamannya, membuat pengunjung menggulir jauh ke bawah halaman.
Back to top V1 |
Cara Memasang Tombol Back To Top V1 di Blogger
1. Di Blogger 👉 Tema 👉 Klik di samping Sesuaikan 👉 Edit HTML
2. Letakan kode di bawah ini di atas kode </body>
: <script type='text/javascript'>$(function() { $(window).scroll(function() {if($(this).scrollTop()>500) { $('#ScrollToTop').fadeIn()}else { $('#ScrollToTop').fadeOut();}});$('#ScrollToTop').click(function(){$('html,body').animate({scrollTop:0},700);return false})});</script><style>#ScrollToTop{text-align:center;z-index:9999;position:fixed;bottom:40px; right:30px;cursor:pointer;display:none;opacity:0.7;}#ScrollToTop:hover{opacity:1;}</style><div id='ScrollToTop'><img alt='Back to top' src='http://4.bp.blogspot.com/-Izmqq2QVcY8/UmMQyNKbhYI/AAAAAAAABcI/a28qtFC2uto/s1600/backtotop.png'/></div>
3. Save Template
Tombol back to top ini memberikan fungsi baik cara untuk melompat ke atas dengan mudah dan singkat, dari pada harus menggerakannya dengan mouse.
0 Komentar untuk "Cara Membuat Tombol Back To Top V1 di Blogger"