Hôm nay lục lại đống rác trong máy tính, thấy cái back to top hay gọi là lên đầu trang cho blogspot bằng css cực nhẹ này hay dùng nên lưu lại khi cần vào tìm kiếm cho nhanh.
Ưu điểm: Nhẹ nhàng, dễ cài đặt
Nhược điểm: Lúc nào cũng hiện trên trang nên không đẹp. Theo mình thì chả ảnh hưởng lắm :D
Cách Sử dụng: Đặt code dưới đây trên thẻ đóng </body>
- Thay link ảnh https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP6orjyNDG3rh2fPJyiMI9WPTzJJS1Qx2L24qSUoO0Aa0H8YIDWhCknkRteg7N2pI9RHn7z28MoqGH78e5H5Ba98E2of8sJUJ332gXQwRCn0RXL6TOwLzNxLlHGtkwdOf2DrOQ-WQcXoo/h120/backtop.png bằng link ảnh nút back to top bạn muốn hiển thị. Có thể tìm kiếm ảnh này ở Google.
- Vị trí cố định nút lên đầu trang:
bottom:35px là khoảng cách từ dưới lên
ringht:10px là khoảng cách bên phải sang
Các bạn hãy tùy biến cho phù hợp với site của mình nhé.
Ưu điểm: Nhẹ nhàng, dễ cài đặt
Nhược điểm: Lúc nào cũng hiện trên trang nên không đẹp. Theo mình thì chả ảnh hưởng lắm :D
Cách Sử dụng: Đặt code dưới đây trên thẻ đóng </body>
<a style="display:scroll;position:fixed;bottom:35px;right:10px;" href="#" title="Lên trên"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP6orjyNDG3rh2fPJyiMI9WPTzJJS1Qx2L24qSUoO0Aa0H8YIDWhCknkRteg7N2pI9RHn7z28MoqGH78e5H5Ba98E2of8sJUJ332gXQwRCn0RXL6TOwLzNxLlHGtkwdOf2DrOQ-WQcXoo/h120/backtop.png"/></a>Tùy biến:
- Thay link ảnh https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP6orjyNDG3rh2fPJyiMI9WPTzJJS1Qx2L24qSUoO0Aa0H8YIDWhCknkRteg7N2pI9RHn7z28MoqGH78e5H5Ba98E2of8sJUJ332gXQwRCn0RXL6TOwLzNxLlHGtkwdOf2DrOQ-WQcXoo/h120/backtop.png bằng link ảnh nút back to top bạn muốn hiển thị. Có thể tìm kiếm ảnh này ở Google.
- Vị trí cố định nút lên đầu trang:
bottom:35px là khoảng cách từ dưới lên
ringht:10px là khoảng cách bên phải sang
Các bạn hãy tùy biến cho phù hợp với site của mình nhé.
Từ khoá:
Blogger
Blogspot
Thủ thuật
