Xem thêm: Nút lên đầu trang dạng tên lửa cho blogspot - Style 1
 |
| Tạo nút lên đầu trang đẹp cho Blogspot - Style 2 |
Hướng dẫn tạo nút lên đầu trang
Bước 1: Đăng nhập Blogger => Mẫu
Bước 2: Chèn đoạn css sau trên thẻ </style> hoặc ]]></b:skin>
/* CSS back to top by thinhnd */
.to-top{background-color:#3b7dc1;visibility:hidden;color:#fff;width:38px;height:38px;line-height:34px;position:fixed;bottom:50px;right:30px;text-align:center;z-index:999;cursor:pointer;opacity:0;-webkit-transform:translateZ(0);transition:all .6s}
.to-top .fa{font-size:24px;vertical-align:middle}
.to-top.show{visibility:visible;bottom:25px;opacity:1;}
.to-top:hover{background-color:#64707a;color:#fff;opacity:1;}
Bước 3: Chèn đoạn code sau trên thẻ </body>
<script type='text/javascript'>
//<![CDATA[
(function(){$(document).ready(function(){return $(window).scroll(function(){return $(window).scrollTop()>600?$("#to-top").addClass("show"):$("#to-top").removeClass("show")}),$("#to-top").click(function(){return $("html,body").animate({scrollTop:"0"})})})}).call(this);
//]]>
</script>
Bước 3: Lưu và kiểm tra kết quả
Chúc các bạn thành công. Mọi thắc mắc vui lòng bình luận ở bên dưới, mình sẽ giải đáp trong thời gian sớm nhất