Breaking News


Thêm nút về đầu trang Back to top cho blog

Sau đây mình xin giới thiệu các bạn cách tạo nút Back To Top đơn giản  cho Blogspot.
Demo như hình ảnh:


Các bạn vào Mẫu >> Chỉnh sửa HTML
Tìm đến thẻ đóng </body>


Thêm đoạn code sau  ngay trước </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;line-height: 25px;} #bttop:hover{border:1px solid #32cd32;background:#bada55;} </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> - See more at: http://www.ngoduong.com/2013/06/them-nut-ve-dau-trang-back-to-top-cho-blogspot.html#sthash.K4pHWZ9k.dpuf
 
Mã hoá code: http://www.eblogtemplates.com/blogger-ad-code-converter/

Lưu lại và tận hưởng :D
Share This
Blogger
Facebook
Disqus

comments powered by Disqus

No comments :

Post a Comment

Subscribe
Labels
Popular Posts

Subscribe Via Email

About Us

Advertisment

Liên Hệ

Name

Email *

Message *

© DuongNgo.Com All rights reserved | Designed By Seo Blogger Templates