Memasang Smooth Scrolling Back to Top Pada Blogger

Back to Top merupkan link yang memungkinkan netizen untuk lancar kembali ke atas halaman. Ini adalah detail kecil yang mempermudah dalam mengakses web dengan isi konten yang panjang .

Back to top itu sendiri berasal dari bahasa inggris yang artinya:
Back = Kembali
To = ke
Top = Atas
Kalau di gambungkan maka artinya menjadi Kembali Ke Atas.

Cara Memasang Back to Top Pada Blogger.
Masukan Scrip Css dibawah ini kedalam template diatas </head> jika Anda belum memilikinya, jika sudah ada tidak usah lagi.

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

1. Anda perlu menuju ke: Blogger > Template > Edit HTML.
2. Letakan kode di bawah ini tepat dibawah <b:skin>.

/* -- Back to top Aim Blogger -- */
#totop {bottom: 0;display: none;position: fixed;right: 15px;bottom:10px;z-index: 999;}
#totop a {color: #fff;display: block;font-weight: bold;line-height: 1em;padding: 10px;text-align: center;text-shadow: 0 1px rgba(255,255,255,0.8);background:#DC3333;}
#totop-icon:before {content: "";font-family: FontAwesome;}

3. Letakan Kode dibawah ini tepat dibawah Kode </Footer>

 <div id='totop' style='display: block;'>
  <a href='#'>
 <span id='totop-icon'/><i class='fa fa-chevron-up'/></a>
</div> 

4. Letakkan Kode dibawah ini tepat diatas </body>

</script>
<script type='text/javascript'>
 var jQueryscrolltotop = jQuery(&quot;#totop&quot;);
 jQueryscrolltotop.css(&#39;display&#39;, &#39;none&#39;);
 jQuery(function () {
  jQuery(window).scroll(function () {
   if (jQuery(this).scrollTop() &gt; 100) {
    jQueryscrolltotop.slideDown(&#39;fast&#39;);
   } else {
    jQueryscrolltotop.slideUp(&#39;fast&#39;);
   }
  });
  jQueryscrolltotop.click(function () {
   jQuery(&#39;body,html&#39;).animate({
    scrollTop: 0
   }, &#39;fast&#39;);
   return false;
  });
 });
</script>

5. Simpan Template dan lihat hasilnya

Good Luck