MY CONNECTIONS

Keep updates via social networks:

SUBSCRIBE VIA EMAIL

Enter your email to form bellow receive latest posts

3

Tạo nút lên đầu trang cho blogspot


Hôm nay tình cờ ghé thăm Hư Trúc Blog thì thấy một cái Back to Top Button khá đẹp, sử dụng hiệu ứng trượt từ jQuery, và đặc biệt là nó ẩn khi bạn lên đầu trang và hiện khi xuống dưới. Với những trang web có phần nội dung khá dài thì nút Back to Top này giúp người đọc tiết kiệm thời gian khi phải rê chuột lên trên cùng của trang. Đem về áp dụng thử trên Blogspot, thế là có bài đăng mới. Các bạn hãy xem demo rồi nếu thích thì làm theo các bước sau:


Chèn đoạn code sau phía trên </body> trong template:



<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>
Tham khảo noct-land.blogspot.com

3 nhận xét

  1. đã add site của bác, bác qua nhà em lấy text link để add lại hộ em vs

    http://khongphaixoan.blogspot.com/p/trao-oi-link.html

    Trả lờiXóa

Comment sẽ bị xóa nếu:
* Có nội dung thiếu văn hóa, đồi trụy, phạm pháp
* Spam
* Để suy nghĩ thêm

RECENT COMMENTS