Memasang Back To Top di Blog Anda

hello, hari ini saya akan membagikan postingan, bagaimana memasang Back to top di bloger. cara nya ternyata cukup mudah pembuatannya.

1. Pertama-tama buka bloger, buka tab tamplate dan klik edit tamplate.

2. Tekan CTRL + f  untuk mencari keyword dengan nama "jquery.min.js". jika tidak ditemukan tambahakan kode berikut "<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js' type='text/javascript'/>" tepat diatas script </head>.

3. Masuk ke tata letak tambahkan gatget Html java script, masukan script seperti di bawah ini :

<style>
.mbw-back-to-top {
    position: fixed;
    bottom: 2em;
    right: 10px;
    text-decoration: none;
    padding: 1em;
    display: none;
    cursor:pointer;
}
</style>
<img class="mbw-back-to-top" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji73QsARU7EFhMPdh4C3cA3i0TtkH67dmAsXqk5RNv2TmtdIOHPYl-SK1dSZW5wdDS5_yzz7gA9hIJRUkuUKH1wwKBH86Fg2wzEWujPi5pmqmYOjvtAoupyXqCIOmn-7vaPFWxwy8ZwWA/s1600/back+to+top.png" />
<script type="text/javascript">
/*****mybloggersworld.com***/
jQuery(document).ready(function() {
    var offset = 220;
    var duration = 500;
    jQuery(window).scroll(function() {
        if (jQuery(this).scrollTop() > offset) {
            jQuery('.mbw-back-to-top').fadeIn(duration);
        } else { //www.mybloggersworld.com
            jQuery('.mbw-back-to-top').fadeOut(duration);
        }
    }); 
  
    jQuery('.mbw-back-to-top').click(function(event) {
        event.preventDefault();
        jQuery('html, body').animate({scrollTop: 0}, duration);
        return false;
    })
});
</script>

Sesudah itu klik OK. dan lihat hasilnya di bloger, dengan mengklik "lihat blog".

*Tanda yang berwarna hijau dapat di rubah dengan gambar ataupun animasi bergerak lainnya.

Selamat mencoba :)