Hướng Dẫn Tạo Nút ( Back To Top ) Cho Blog/Wed Của Bạn

Bài Viết Hôm Nay Star Dũ Blog Sẽ Hướng Dẫn Các Bạn Tạo Nút Back To Top Cho Blog/Wed
Đầu tiên bạn vào Blog => Bố cục => Thêm tiện ích => HTML/JavaScript và dán đoạn mã code dưới đây vào và Lưu lại.

Cách 1: Sử dụng CSS

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOg77WE1vFITDcZvMUIoOjSK_I0YGnGMVnnJ7Sq95zBT2QalLnE_WLxixLy0A4UlH3irJ8TPKdDYAxogMs2RuygLhP-62DAdcjvuPbSK1ObcfVL-fISged7cOqKbxxTauoY8DDZatgOQA/s1600/4.png"/></a>  

Cách 2: Sử dụng Jquery

<script type='text/javascript'>
$(function(){$(window).scroll
(function(){if($(this).scrollTop()!=0){$("#noop-top").
fadeIn()}else{$("#noop-top").fadeOut()}});$("#noop-top").
click(function(){$("body,html").animate({scrollTop:0},800);
return false})});</script><a href="http://www.windows2it.com/">
</a><a id='noop-top' style='display: none; position: fixed; 
bottom: 1px; right:1%; cursor:pointer;font:12px arial;'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOg77WE1vFITDcZvMUIoOjSK_I0YGnGMVnnJ7Sq95zBT2QalLnE_WLxixLy0A4UlH3irJ8TPKdDYAxogMs2RuygLhP-62DAdcjvuPbSK1ObcfVL-fISged7cOqKbxxTauoY8DDZatgOQA/s1600/4.png'/></a>

☼ Tùy chỉnh

• 800 là tốc độ khi cuộn trang, các bạn cũng có thể tùy chỉnh theo ý muốn.
• Thay đổi link ảnh màu xanh thành link ảnh bạn mong muốn, dưới đây mình cũng sưu tâm một số ảnh thích cái nào thì tải về upload lên, rồi lấy link hình thay vào lưu lại là oke nhé @!

a Thế Là Đã Hoàn Thành Nút Back To Top Cho Blog/Wed Của Bạn. Chúc Các Bạn Thành Công <3