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/AVvXsEhs_VFFJ1qPTYEVjiomFwMqueT326fHFexBt7M1f5uFnsnvrEYWYcowqOeThDqCzJnmZZbK3jIcjOlhHA1KwAt1AjhKbQM994q8yOSBs99WVR8YXqrrufCIPhKtRG3oKoRagSahdvZBGSw/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/AVvXsEhs_VFFJ1qPTYEVjiomFwMqueT326fHFexBt7M1f5uFnsnvrEYWYcowqOeThDqCzJnmZZbK3jIcjOlhHA1KwAt1AjhKbQM994q8yOSBs99WVR8YXqrrufCIPhKtRG3oKoRagSahdvZBGSw/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
Axact

Administrator:

Không điều gì là tồn tại mãi mãi cho đến lúc bạn ngừng cố gắng! Một cậu học sinh trung học luôn có ước mơ và hoài bão...Bạn hãy làm những việc bình thường bằng lòng say mê phi thường, thành công sẽ đến với bạn!!

Bình Luận:

0 bình luận: