Tạo hiệu ứng lên đầu trang cho blogger

  Để 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) 
 nhanh) 
Code ở dưới:
<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ả.

Share this post

La Ngọc Hưng

Chào các bạn đến với blog truyện tổng hợp của mình nhé !

Facebook

WhatsApp

Instagram

Subscribe Our Newsletter

Posting Terkait