Back to Top cho blogspot với hiệu ứng từ jquery

Hôm nay tình cờ ghé thăm noct land blog thấy 1 cái hiệu ứng back to top cho blogspot với hiệu ứng từ jquery khá đơn giản, sử dụng hiệu ứng trượt từ jquery, và đặc biệt là ẩn,hiện thi cần thiết. Hiệu ứng back to top cho blogspot này có tác dụng dành cho những bài đăng khá dài và giúp người dùng tiết kiệm được thời gian khi muốn trượt lên trên đầu trang.

Hướng dẫn làm hiệu ứng Back to Top cho Blogspot:

Bạn vào phần admin của blogspot - > Mẫu -> Chỉnh sửa Html:

Sau đó chèn đoạn code sau, phía trên thẻ </body> trong template bằng cách nhấn tổ hợp phím Ctrl+F:

<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'>BACK TO TOP</div><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><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>

Hi vọng bạn thích điều này ^_^

Sức Khỏe Mẹ và Bé

09:16