Advertise here

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.

Membuat Tombol Back To Top versi satu di Blog
Back to top V1


Cara Memasang Tombol Back To Top V1 di Blogger


1. Di Blogger ðŸ‘‰ Tema ðŸ‘‰ Klik di samping Sesuaikan ðŸ‘‰ Edit HTML

Membuat Tombol Back To Top Versi Satu
Edit HTML Template

2. Letakan kode di bawah ini di atas kode </body> :
  <script type='text/javascript'>$(function() { $(window).scroll(function() {if($(this).scrollTop()&gt;500) { $(&#39;#ScrollToTop&#39;).fadeIn()}else { $(&#39;#ScrollToTop&#39;).fadeOut();}});$(&#39;#ScrollToTop&#39;).click(function(){$(&#39;html,body&#39;).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"