Search Suggest

Tạo nút Lên đầu trang (Back to top) cho Blogspot

Có hai cách tạo nút cuộn lên đầu trang đó là sử dụng CSS hoặc Sử dụng Jquery. Chỉ cần chọn 1 trong 2 đoạn mã sau đây dán vào một Widget HTML/Javascript không cần đặt tên tilte.
Thực hiện: Đầ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://lh3.googleusercontent.com/-l0Bq54QNF3w/XVT7_k4aIII/AAAAAAAAGOA/g094Ew2hqKod9bGkbZvoXDuDd83x1F5WgCEwYBhgL/w140-h140-p/Hinh_Cuon_Len.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="https://ebook.hoit.asia/">
</a><a id='noop-top' style='display: none; position: fixed; 
bottom: 1px; right:1%; cursor:pointer;font:12px arial;'>
<img height='50' width ='50' src='https://lh3.googleusercontent.com/-l0Bq54QNF3w/XVT7_k4aIII/AAAAAAAAGOA/g094Ew2hqKod9bGkbZvoXDuDd83x1F5WgCEwYBhgL/w140-h140-p/Hinh_Cuon_Len.png'/></a>
Trong đó:
Chúng ta có thể điều chỉnh các thông số sau:
800 là tốc độ khi cuộn trang, các bạn cũng có thể tùy chỉnh theo ý muốn.
Điều chỉnh độ cao (height=' '), độ rộng (width=' '); VD height='51' width ='51'
Điều chỉnh đưỡng dẫn hình ảnh thay phần màu vàng   đặt vào trong dấu ' '. src='   '; 

Đăng nhận xét