Script Kode HTML Membuat back to top ringan dan responsif

Berikut cara pasang Script Kode HTML Membuat back to top ringan dan responsif :

- Template > Edit HTML
- Cari kode berikut : </head>
 (gunakan Ctrl+F untuk mempermudah pencarian)
- COPY dan PASTE kode bootstrap font awesome berikut :

 <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"></link

  tepat diatas  </head>  tadi.
- Save!


- Selanjutnya paste kode css berikut tepat diatas : ]]></b:skin> atau </style>

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

- Selanjutnya paste kode jquery berikut tepat diatas: </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>

- Simpan Template.