[TUT] Tạo nút về đầu trang cho WordPress (Scroll to top)

Nút Home hay Back top top/ Về đầu trang được sử dụng khi cần trở lại vị trí đầu trang lúc mà khi kéo xuống dưới trang wp quá dài thì có thể bấm phím Home trên bàn phím, hoặc nếu ai có tài khoản wordpress truy cập vào blog wp thì đã có nút Home/ về đầu trang rồi. Nhưng nếu để cho người không có tài khoản wp vào blog thì ta còn có thể tạo những nút BACK TO TOP đề về đầu trang bằng code sau (hãy copy code đó vào widget  văn bản trong sidebar là sẽ hiện ra nha.
      DEMO:

<a style=”display: scroll; position: fixed; bottom: 5px; right: 5px;” title=”Back to Top” href=”#”><img src=”https://hellokitty9x.files.wordpress.com/2016/02/arrow42.png” alt=”” /></a>

Ngoài ra có thể thay đổi sang hình nút Scroll to top khác ở dưới đây:

Chỉ cần cho đoạn link ảnh màu xanh trong code trên thay thành link của những ảnh “Nút Scroll to top” ở dưới này.
Cách lấy link ảnh thì ta bấm chuột phải vào ảnh, chọn “Sao chép địa chỉ hình ảnh” rồi patse vào code là xong.

to top 2       to top 3      to top 6        to top 7        to top 8         to top 9        to top 10        to top 11

to top 16       to top 17         to top 18           to top 19             to top 20       to top 26        to top 27

to top 29       to top 30       to top1         to top4       to top5       to top12       to top14        to top15      to top21

    to top22      to top23      to top25       to top28         to top29     to top31     arrow9     arrow7  arrow44    arrow13

arrow16     arrow17     arrow18      arrow19    arrow26     arrow27     arrow28    arrow29    arrow30        arrow31

arrow32     arrow41      arrow40       arrow33      arrow34      arrow35     arrow36     arrow37    arrow44    arrow43

arrow42      arrow45     arrow48    arrow51    arrow54       arrow55      arrow64     arrow62     arrow60    arrow57

arrow56       arrow73      arrow85         arrow84        arrow71      arrow70     arrow79        arrow76       arrow66

arrow74        arrow65        arrow89          arrow92         arrow201           arrow203        arrow86

Advertisements

🌟 Gửi phản hồi. Vui lòng viết tiếng Việt đầy đủ dấu. 😋 Xin cảm ơn! 😚 Biểu thị cảm xúc khi comment. 🍀 😄 😆 😉 😌 😋 😍 😏 😒 😓 😔 😖 😘 😚 😜 😞 😠 😡 😁 😂 😢 😣 😤 😥 😷 😵 😳 😲 😱 😰 😭 😫 😪 😩 😨 💋 💓 💗 💘 💜 💤 ✌ 🙏 🍁 🍂 🍃 🌟 🌴 🌵 🌷 🌸 🌹 🌺 🌻 🍓 🎁 ✨ 🎶 🎄 ⛄ 💐 🎵 🍊 🍎 🎅 🎉 🎃 🔔 📞 📲 ☔ ☀ 🐯 🐱 🐹 🐷 🐳 🐬

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Đăng xuất / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Đăng xuất / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Đăng xuất / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Đăng xuất / Thay đổi )

Connecting to %s