Nút lên đầu trang hiệu ứng cho Blogspot

1. Chèn css:

#BackToTop{overflow:hidden;position:fixed;transform:scale(0);z-index:90;right:30px;bottom:31px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);width:55px;height:55px;color:#fff;text-align:center;background-color:#2196F3;font-size:22px;line-height:52px;cursor:pointer;border-radius:100%;transition:all .2s ease-in-out}#BackToTop:hover{background-color:#1976D2;color:#fff}#BackToTop.active{transform:scale(1)}.sosmedimut li a{border-radius:4px;transition:all .3s ease-in-out;font-size:17px!important;margin-right:5px;text-align:center;width:18px;padding:10px;float:left;color:#fff}#BackToTop{bottom:30px;padding:0;font-size:20px}

2. Chèn đoạn JS dưới vào trong head

<script type='text/javascript'>
//<![CDATA[
if (typeof(jQuery) == 'undefined') {document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js\"></scr" + "ipt>");}
//]]>
</script>

3.Cuối cùng chèn đoạn code dưới vào trước /body

<script type='text/javascript'>
$(document).ready(function(){$("#main-header").click(function(){$("#main-header").toggleClass("shows");});});
jQuery(document).ready(function(e){var t=e("#BackToTop");e(window).scroll(function(){e(this).scrollTop()>=200?t.show(10).animate("#BackToTop").addClass("active"):t.animate("#BackToTop").removeClass("active")});t.click(function(t){t.preventDefault();e("html,body").animate({scrollTop:0},400)})})
</script>
<a href='#' id='BackToTop'><i class='fa fa-angle-up'></i></a>

#Nutlendautrang #hieuung

- Trong quá trình viết bài chúng tôi sẽ có nhiều thiếu sót mong các bạn đóng góp để chúng tôi rút kinh nghiệm hơn !
- Mọi chi tiết xin liên hệ:
- Email: lephuocsinh96@gmail.com
- Facebook: Fb.com/beohoavinh