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
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.
Để 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
Artikel Terkait
- Hướng dẫn cài đặt comment của DISQUS cho Blogger
- Tạo sitemap (sơ đồ) cho blogspot theo phong cách chuyên nghiệp
- Get Link Video Google Drive Đơn Giãn Mới Nhất 2019
- Hướng Dẫn Tạo Link Động Ở Trang Chủ Chuyên Nghiệp Trên Blogspot
- Trang trí Tết 2019 cho Blogspot bằng hình ảnh câu đối, cành mai treo hai bên
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/AVvXsEijfK8xrZXDCmQC6q14c9D5PK0FlTzje9OpQ7yXIXoZHDlz6ktGueRQ4t_KhyphenhyphenuXKuEFZTT2aLVYmAjH3jlnCTWC-a6D_TTTTYydGj36cqrPIt4c12oRRq9Wb6oGOaHkWCcSOW-mQaiBNlMG/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.
Subscribe Our Newsletter
Posting Terkait
- Đặt quảng cáo Adsense tự động sau thẻ Readmore của blogspot
- Get Link Video Google Drive Đơn Giãn Mới Nhất 2019
- Hướng dẫn tạo popup LikeBox Facebook cho blogger
- Hướng Dẫn Tạo Link Động Ở Trang Chủ Chuyên Nghiệp Trên Blogspot
- Thêm Tiện Ích Facebook Messenger Chatbox Cho Blogger
- Thêm nút trở về đầu trang vào Blogger smooth scrolling
0 Response to "Thêm nút 'Back to top' cho blogger"
Đăng nhận xét