Tạo nút LÊN ĐẦU TRANG cho blogspot với hiệu ứng Jquery

    Các bạn thân mến, với những bài viết quá dài hoặc những bài viết được nhiều bạn đọc quan tâm và nhận xét nhiều thì phần nội dung của bài viết trở lên rất dài, ví dụ như bài viết hướng dẫn đăng ký tài khoản adsense thành công của blog này. Điều này làm độc giả rất mất thời gian khi di chuyên bài viết từ dưới lên trên.

   Bài viết này, videothuthuatblog sẽ hướng dẫn các bạn tạo nút lên đầu trang cho blogspot với hiệu ứng Jquery.

  Để tạo công cụ này, bạn làm như sau:

   - Đăng nhập vào trang quản trị của blog, đến phần Dashboard >> Template >> Edit HTML

   - Copy đoạn mã dưới đây (click Select All sau đó copy) dán nó vào phần Edit HTM (ở trên) trước thẻ đóng </body> (nhấn Ctrl +F rồi dán </body> vào ô hiện ra để tìm cho nhanh)

<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>  

   - Cuối cùng, bạn nhấn Save Template để lưu mẫu reload lại blog để xem kết quả.

  Chúc các bạn thành công!