Membuat Back To Top dengan Smoothscroll.

Apa sih bedanya Scroll To Top biasa dengan Scroll To Top yang dilengkapi Smoothscroll?
Scroll To Top yang biasa kan kalo diklik, tiba-tiba kita udah diatas web page aja kan. Nah, kalo Scroll To Top yang dilengkapi Smoothscroll itu beda. Naiknya smooth gitu, jadi lebih menarik blog kita =D

Sok, kita mulai caranya yang sangat simpel...

Cara pertama:
a. Klik Blogger Dasbor > Rancangan > Edit HTML
b. Cari </head>
c. Tambahkan kode dibawah sebelum </head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

(Lanjut cara kedua)

Cara kedua:
a. Klik Blogger Dasbor > Rancangan > Edit HTML
b. Cari </head> lagi
c. Tambahkan kode dibawah sebelum </head>

<style type="text/css"> #w2btoTop {display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:-999px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZTj22vr0i98fhnOgy0W-3covao9piGSmjy4vCphYRuX1-8bcYP3sCjHdvGa9aE9Tb8Qo_PzpqGmmHea7pS2w7CPwzMNXCM0GXyEaK_iIqYky-rtlTZ6YH3Mpq843MymGEgpRZW7-NWFkM/) no-repeat left top;} #w2btoTopHover {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZTj22vr0i98fhnOgy0W-3covao9piGSmjy4vCphYRuX1-8bcYP3sCjHdvGa9aE9Tb8Qo_PzpqGmmHea7pS2w7CPwzMNXCM0GXyEaK_iIqYky-rtlTZ6YH3Mpq843MymGEgpRZW7-NWFkM/) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);} #w2btoTop:active, #w2btoTop:focus {outline:none;} </style><br /> <script src="http://bloggerblogwidgets.googlecode.com/files/w2b_jquery.ui.totop.js" type="text/javascript"></script><br /> <script type="text/javascript"> $(document).ready(function(){ $().UItoTop({ easingType: 'easeOutCubic' }); }); </script>

Dan selesai! Selamat mencoba ^^

---

Arigato to you who has reading my blog~!

---

You might also interested to these: