Bài mới đăng

Main Ad ➤ Click "VÀO ĐÂY" để xem tin tức hàng ngày nhé!

Translate

Bài đăng phổ biến

Thứ Bảy, 25 tháng 6, 2022

Thêm nút 'Back to top' cho blogger

 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 -->
<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>
5. Save lại và xem kết quả

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