Blog hướng dẫn Blogger và các thủ thuật liên quan đến Blogger (Blogspot)

Thứ Ba, 21 tháng 8, 2018

Tạo nút Lên đầu trang (Back to top) cho Blogspot

Tiện ích nút Lên đầu trang là ứng dụng khá tiện lợi khi độc giả đọc hết bài viết của bạn có nội dung tương đối dài, thay vì độc giả phải cuộn chuột hoặc kéo thanh trượt dọc để về trang đầu khá mất công…

Hướng dẫn tạo nút Lên đầu trang (Back to top) cho Blogspot
Có rất nhiều các tạo Nút Lên đầu trang trong bài này mình sẽ giới thiệu cách làm đơn giản nhất bằng cách sử dụng CSS.

Để Hướng dẫn tạo nút Lên đầu trang (Back to top) cho Blogspot

Chỉ cần chèn đoạn mã sau đây vào một Widget HTML/Javascript là Ok
Đầu tiên đăng nhập vào Blogger của bạn ⇒ Bố cục ⇒ Thêm tiện ích ⇒ HTML/JavaScript và dán đoạn mã code dưới đây vào và Lưu lại.
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="https://1.bp.blogspot.com/-MMb1-TpP5U0/W3wPSeO0nUI/AAAAAAAAAQI/05bxKYN6ceYNSNta2TMdRhhz5WfgIFoCQCLcBGAs/s1600/Top%2B2.png"/></a>   
Các bạn có thể tùy chỉnh icon theo sở thích của mỗi người
➣ Thay đổi link https://1.bp.blogspot.com/-MMb1-TpP5U0/W3wPSeO0nUI/AAAAAAAAAQI/05bxKYN6ceYNSNta2TMdRhhz5WfgIFoCQCLcBGAs/s1600/Top%2B2.png thành link ảnh bạn mong muốn.

Kết luận

Rất đơn giản đúng không các bạn bây giờ hãy trở lại Blog xem kết quả và thay đổi icon nút Lên đầu trang hiển thị cho phù hợp với Template của bạn.
Chúc các bạn thành công!

0 nhận xét:

Đăng nhận xét

Social Profiles

Twitter Facebook Google Plus LinkedIn RSS Feed Email Pinterest

Copyright © Hướng dẫn tạo Blog với Blogspot