Kênh Tên Miền chuyên cung cấp tên miền đẹp, giá rẻ! Hãy liên hệ kỹ thuật: 0914205579 - Kinh doanh: 0912191357 để được tư vấn, hướng dẫn miễn phí, Cảm ơn quý khách đã ủng hộ trong thời gian qua!
kiem tien, kiem tien online, kiem tien truc tuyen, kiem tien tren mang
Sunday, January 12, 2014

Để tạo điều kiện thuận lợi cho khách tham quan khi đọc xong bài có thể quay về đầu trang nhanh chóng, bạn phải tạo cho Blog một nút bấm phía dưới cuối trang, khi bấm vào nút này lập tức sẽ đưa khách "về đầu trang". Hay toàn diện hơn nếu bạn tích hợp đầy đủ các chức năng "Lên - Xuống - Cuộn -Back-Stop"
Cách 1: Các bạn có thể dán toàn bộ đoạn code bên dưới vào trước thẻ </body>    trong trình chỉnh sửa HTML.(Hoặc thêm tiện ích HTML rồi dán vô cũng được)


  • Kết quả đây: 
Tạo nút Back to Top cho blogger
Cách 2: 
  • Trước tiên các bạn dán đoạn code bên dưới vào phái trên thẻ   ]]></b:skin>



  • Tiếp theo các bạn chèn đoạn code dưới vào phí trước thẻ </body>



  • Và đây là kết quả:    Tạo nút Back to Top cho blogger

Cách 3:   Sử dụng Jquery mang lại hiệu ứng mượt mà (Chỉ tạo nút lên trên)
  • Các bạn dán toàn bộ đoạn code bên dưới vào trước thẻ </body> hoặc tiện ích HTML
<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>


Kết quả:tạo 'back home'   cho blogspot

  • Có rất nhiều cách để tạo 'back home' cho blogspot và website của bạn. Trên đây là 3 cách đơn giản,đẹp và phổ biến nhất mình chia sẻ cùng các bạn.

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

0 comments:

Post a Comment

Popular Posts