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.

Mọi Bài Đăng Đều Được Đăng Tải Bởi Tác Giả Blog. Vui Lòng Ghi Nguồn Nếu Có Copy Bài Từ Blog Chúng Tôi.

#Label :

• Thủ Thuật Blogspot

#Share :

Share Share Share Share Share