Cara Membuat Back To Top Pada Blog

Halo Semua Kali ini kita akan membahas tentang Cara Membuat Back To Top Pada Blog. Back To Top Adalah sebuah widget yang berguna untuk membuat pengunjung blog kalian yang membacanya akan memudahkan pengunjung untuk melihat artikel yang ada di atas. Kalau kalian tertarik Langsung saja yuk

1.Buka Blogger.com
2.Pilih Template>>Edit HTML
3.Copy Kode Ini Lalu Paste Di atas kode </head> (Kalau Gak Punya Font Awesome)

<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>

4.Setelah Itu masukan Kode ini di atas </style>

/* Back To Top */
#back-to-top{background:#e54c3b;color:#ffffff;padding:8px 10px;font-size:24px;border-radius:6px;}
.back-to-top{position:fixed!important;position:absolute;bottom:20px;right:20px;z-index:999}

5.Masukan kode ini di atas kode </body>

<div class='back-to-top'><a href='#' id='back-to-top' title='back to top'>
<i class='fa fa-chevron-up'/>
</a></div>
<script>            
$(window).scroll(function() {
    if($(this).scrollTop() &gt; 200) {
        $(&#39;#back-to-top&#39;).fadeIn();
    } else {
        $(&#39;#back-to-top&#39;).fadeOut();
    }
});

$(&#39;#back-to-top&#39;).hide().click(function() {
    $(&#39;html, body&#39;).animate({scrollTop:0}, 1000);
    return false;
});
</script>

6.Simpan dan Lihat Hsilnya

Semoga Bermanfaat