Hướng dẫn tạo nút 'Back to top' trong blogger

 

(iCOM) Đối với 1 website hay blog có nội dung quá dài, có thể khiến người đọc cảm thấy "bực mình" khi cứ phải kéo chuột lên xuống vài lượt mới xem hết nội dung rồi sau đó lại kéo lên vài lượt mới tới phần đầu trang. Giải pháp ở đây là thêm 1 nút hoặc 1 biểu tượng nho nhỏ giúp độc giả nhanh chóng quay trở lên trên chỉ bằng 1 cái click. Cách làm như sau:



Bước 1: Vào màn hình quản trị của blogger / Bố cục

Bước 2: Chọn Thêm tiện ích / Chọn HTML/Javarscip và dán đoạn code bên dưới vào (không cần ghi tiêu đề):


<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpOB7gD8ncXEokuBpWvNW8fcYT3D2XXJciecWH4t9gwrsNeJif71sWFIyRvhbzfr6dOc2OzcsDj_9IH3EbaenSR9lQzLIH-E5esdBNjr-7ghwkZ4BhdQEMGcOPjUbQfg6SbQC7s4DHj877/s1600/vers-haut-icone-7320-48.png"/></a>


Trong đó:

- Thay đổi chữ "Back to Top" thành hàng chữ nào mình thích (Ví dụ: Back to Top, Về đầu trang, Lên trên...)
- Thay đổi link ảnh màu đỏ thành link ảnh bạn mong muốn.

- Sau đó bấm Lưu sắp xếp.

Chúc bạn thành công!
- Nguyễn Quốc Chiến,
Chuyên gia Tư vấn, Đào tạo

Nguồn: cid-designer

No comments:
Write nhận xét