Nút Back to top đóng vai trò khá quan trọng trong việc trở về đầu trang mặc dù hiện tại bạn hoàn toàn có thể dùng phím Home để thay thế, vì các trình duyệt bây giờ đa phần đều cho phép quay về đầu trang bằng cách nhấn phím Home. Tuy nhiên, nếu trong một số trường hợp bạn không muốn rời tay khỏi chuột thì bạn có thể click vào nút Back to top.
Để tạo nút Back to top cho trang blogspot của mình, bạn hãy làm theo các bước sau:
1. Đăng nhập blogger --> tìm đến Layout
2. Click Add a Gadget
3. Chọn HTML/Javascript
4. Copy và paste đoạn code sau vào
<!-- Back to top button -->5. Save lại và xem kết quả
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#rb-top").fadeIn()}else{$("#rb-top").fadeOut()}});$("#rb-top").click(function(){$("body,html").animate({scrollTop:0},800);return false})});</script><a href="http://gi2get.blogspot.com/"></a><a id='rb-top' style='display: none; position: fixed; bottom: 5px; right: 5px; cursor:pointer;font:12px arial;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUS_7QFgjg70OflxwPPgzECEwFtuOsXXJNe2gKcg0cfzpsNZBIEbkKQSss3FEyOm7V70tWb_l_PZYqq4ve4nj6YPGvX1tsZNwyVPOeMcCkdEs6udhpn60NpFL528YAl2SZHBAftT5zaxlC/s1600/rb+back+to+top+3.png' width="50px" height="50px"/></a>
Lưu ý: bạn có thể thay đổi hình đại diện của nút Back to top này bằng cách đổi link ảnh trên (tô đỏ) thành ảnh của bạn.
0 comments:
Đăng nhận xét