Cách tạo nút Lên đầu trang cho Blog bằng code

Hướng dẫn cách tạo nút "Lên đầu trang" hoặc "Back to Top" bằng code đơn giản không cần dùng javascript làm nặng tốc độ tải trang của Blog
B1: Vào trang quản trị Blog, vào tiếp mục quản lý Template của Blog (Mẫu)
B2: Chọn chỉnh sửa HTML
B3: copy đoạn code phía dưới vào trước thẻ </body>


<style type='text/css'>
#bttop{border:1px solid #4adcff;background: #24bde2;text-align:center;padding:5px;position:fixed;bottom:35px;right:10px;cursor:pointer;display:none;color:#fff;font-size:11px;font-weight:900;}
#bttop:hover{border:1px solid #ffa789;background:#ff6734;}</style>
<div id='bttop'>Lên đầu trang</div>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/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>

Tùy chỉnh tên cho dòng "Lên đầu trang"

Chọn lưu Mẫu và xem kết quả

..:: Thủ thuật Blogspot ::..

Các bài viết mới nhất:

 
Lên đầu trang