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>
Chọn lưu Mẫu và xem kết quả
..:: Thủ thuật Blogspot ::..
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){$('#bttop').fadeIn();}else{$('#bttop').fadeOut();}});$('#bttop').click(function(){$('body,html').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 ::..

Bài đăng trước