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 2: Sử dụng Jquery:
Chúng ta có thể điều chỉnh các thông số sau:
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.
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZk3spfQuPV743JMfTfOwqgS_sm_t2QDK3VEdP5UNkIJVXWZMv16gpfuzL91IyrtxBmIJ9K1WvB4al44_YWreAnu1tvtBYv73t01BI6kSLjXpu8Fu0rbpQ1zA3UPSy53jNjgHNa2DoWFk/w140-h140-p/Hinh_Cuon_Len.png"/></a>
<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://kienthucthuongngayedu.blogspot.com/">
</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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZk3spfQuPV743JMfTfOwqgS_sm_t2QDK3VEdP5UNkIJVXWZMv16gpfuzL91IyrtxBmIJ9K1WvB4al44_YWreAnu1tvtBYv73t01BI6kSLjXpu8Fu0rbpQ1zA3UPSy53jNjgHNa2DoWFk/w140-h140-p/Hinh_Cuon_Len.png'/></a>
Trong đó:$(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://kienthucthuongngayedu.blogspot.com/">
</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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZk3spfQuPV743JMfTfOwqgS_sm_t2QDK3VEdP5UNkIJVXWZMv16gpfuzL91IyrtxBmIJ9K1WvB4al44_YWreAnu1tvtBYv73t01BI6kSLjXpu8Fu0rbpQ1zA3UPSy53jNjgHNa2DoWFk/w140-h140-p/Hinh_Cuon_Len.png'/></a>
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=' ';
