Tạo nút Lên đầu trang Chuyên nghiệp cho blogger/blogspot

Tweet

[tintuc]


Hôm nay tình cờ mình tút một cái Back to Top Button khá đẹp, sử dụng hiệu ứng trượt từ jQuery, và đặc biệt là nó ẩn/hiện khi cần thiết. Với những trang web có phần nội dung khá dài thì nút Back to Top này giúp người đọc tiết kiệm thời gian khi phải rê chuột lên trên cùng của trang. Đem về áp dụng thử trên Blogspot, thế là có bài đăng mới. 

Xem demo


Chèn đoạn code sau phía trên </body> trong template:


<style type='text/css'>#bttop{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYW7er7bAb5zjP_hSGz9MEgBqqFhxgOKTiitzjh88QDCVRFXjxS_tnYmBrUquDhyvoKb-VMdVJQkSLyugrU_lYbF41NoX2XihhvFvB7Tq-heINMJFu-Jqq4mpSz_XSQ5YGGJtGC76j3tLE/s73/btntop_1.02.png) no-repeat;text-align:center;padding:5px;position:fixed;bottom:5px;right:10px;cursor:pointer;display:none;color:#fff;font-size:11px;font-weight:900;width: 60px;height: 50px;}</style><div id='bttop'/><script src='http://hohoangthai12.googlecode.com/files/jquery.min.js' type='text/javascript'/><script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$(&#39;#bttop&#39;).fadeIn();}else{$(&#39;#bttop&#39;).fadeOut();}});$(&#39;#bttop&#39;).click(function(){$(&#39;body,html&#39;).animate({scrollTop:0},800);});});</script>
[/tintuc]