Membuat Tombol Scroll To Top

Lihat Dulu Gambar Di bawah ini:

Untuk Mempermudah pengunjung dalam membaca satu artikel yang panjang,, otomatis Postingan kita akan terbaca sampai ke baris Footer halaman, nah disini pengunjung di permudah untuk kembali ke Top Menu atau kembali ke awal Postingan dengan mengklik tombol Scroll To Top seperti pada gambar di atas...

dan ini Code2 untuk membuat Menu Scroll To Top tersebut..

1. Masuk ke aku blogger
2. edit Template
3. Masukan Kode berikut di atas kode ]]></b:skin>

#ScrollToTop{text-align:center;z-index:9999;position:fixed;bottom:40px; right:30px;cursor:pointer;display:none;opacity:0.7;}
#ScrollToTop:hover{opacity:1;}

4. Cari Kode </head> lalu letakkan Javascript di bawah ini, di atas kode </head>

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
$(window).scroll(function(){
    if ($(this).scrollTop() > 400) {
       $('.slidebox').stop().animate({ right: '0px' });
    }
});
$(function() {  
    $('.closeslidebox').click(function () { 
    $('.slidebox').css({right:'-300px'}); 
    $('.slidebox').fadeOut(); 
});
     });
});//]]>  

</script>

5. langkah selanjutnya, Simpan Kode HTML di bawah ini di antara kode <body>...........................Code disini...............</body>

<div id='ScrollToTop'><img alt='Back to top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2XzasLyCSXAQveLsjcXu-p9ZEPWxdQS28HliHWLylEdARBdR-IapH2RS6YLInJLZ8-7MPsu_8j3i8Z6pgWVxB5U7lYVucRapSNHzhwBQNH_JVC5GeMOkEODwdvSM71CgnKmO82GYyl3g/s1600/backtotop.png' title='Back to top'/></div>

6. Simpan template
7. selesai

Sobat bisa mengganti URL gambar https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2XzasLyCSXAQveLsjcXu-p9ZEPWxdQS28HliHWLylEdARBdR-IapH2RS6YLInJLZ8-7MPsu_8j3i8Z6pgWVxB5U7lYVucRapSNHzhwBQNH_JVC5GeMOkEODwdvSM71CgnKmO82GYyl3g/s1600/backtotop.png sesuai dengan gambar sobat sendiri

Semoga bermanfaat (^_^)