Tạo nút ‘Lên đầu trang’ (Back to top) cuộn mượt cho Blogger

BBlog bạn quá dài và người đọc muốn chỉ cần một thao tác click chuột là có thể lên đến đầu trang blog. Bài viết sẽ hướng dẫn bạn chèn thêm nút “Lên đầu trang” mỗi khi bạn di chuyển ra xa đầu trang cùng hiệu ứng chuyển mượt đẹp mắt.

Bạn hãy thử cuộn xuống dưới một tí và để ý góc dưới bên phải của blog chúng mình, bạn sẽ thấy hiệu ứng.

Ưu điểm

  • Chỉ hiển thị khi không ở đầu trang.
  • Không cần chỉnh sửa template gốc.

Cách thực hiện

Đi đến Blogger Dasboard > chọn blog của bạn > chọn thẻ Layout > nhấn Add a Gadget > Chọn Thêm HTML/JavaScript

Bỏ trống phần Tiêu đề và dán đoạn code sau đây vào phần Nội dung

Sau đó nhấn Lưu tiện ích và bạn đã thành công.

Nếu bạn biết một chút ít về CSS và HTML, bạn có thể tùy chỉnh cách hiển thị của nút theo như ý bạn. Blog sẽ có một bài hướng dẫn dành cho dân không chuyên về điều này sau.

Bài viết tham khảo từ trang Gumdi.com

Đinh Anh Thi

Đinh Anh Thi

Sáng lập Math2IT. Hiện Thi đang là nghiên cứu sinh tại Pháp về chuyên ngành Toán Ứng Dụng. Anh mong muốn tổng hợp và chia sẻ kiến thức Toán thực tế, Khoa học ứng dụng và Tin học thường thức đến tất cả mọi người dưới dạng dễ tiếp cận và tự nhiên nhất.

  • có cách nào không cần dùng Jquery không, mình không muốn website phải load thêm Jquery chỉ để dùng cái nút này 🙁