Tạo Nút Back To Top Đẹp Cho Blogger (Blogspot)

Hôm nay, Blog chúng tôi sẽ hướng dẫn các bạn tạo nút Back to top cho Website cực kì đơn giản.

Các bước tiến hành:

Bước 1: Đăng nhập vào Blogger >> Mẫu >> Chỉnh sửa HTML >> Thêm đoạn Code sau trước thẻ đóng ]]></b:skin>

/* CSS Bttop */ #bttop{background-color:#fff;border-radius:2px;text-align:center;line-height:40px;-o-border-radius:2px;-ms-border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;position:fixed;bottom:10px;right:0;cursor:pointer;display:none;color:#3b5998;font-size:25px;width:40px;height:40px;-ms-box-shadow: 2px 2px 3px rgba(0,0,0,.05);-o-box-shadow: 2px 2px 3px rgba(0,0,0,.05);-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.05);margin-right:14px} #bttop:hover {background-color: #3b5998;color: #fff;}
Bước 2: Thêm đoạn Code sau trước thẻ đóng </body>

<div id='bttop'><i class='fa fa-angle-up'/></div><script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$('#bttop').fadeIn()}else{$('#bttop').fadeOut()}});$('#bttop').click(function(){$('body,html').animate({scrollTop:0},800)})});</script>

* Chú ý : Đổi mã màu #3b5998 thành mã màu mà bạn muốn.

Bước 3: Lưu lại và xem thành quả !
Chúc các bạn thành công.