Liên hệ quảng cáo

Tạo nút cuộn trang cho Blogspot bằng CSS cực đơn giản

Đầu tiên các bạn cần có một nút cuộn trang cho riêng mình. Để làm một nút cuộn trang các bạn hãy dùng các phần mềm như photoshop hoặc coreldraw nhé. Một cách nữa là các bạn có thể lên google tìm một số hình icon cuộn trang đẹp và tải về. Ví dụ mình tìm được 2 cái ảnh có đuôi .PNG như dưới đây.




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBb5nED16vOCmyhnBIqD78xbOQv8hgX6Jk_3kQVqa7z-Lrbzz7-pid96eEUmNjNIgNDneNliffkgcXBXBGOpzrQi3QttPZcD12nkvK0ja-nM1AtoD4N09vMH2qYaMc-IcjXiKcmlv59PAlXF075YbwlMheKAiukBoyTRlcsPMKDCpxLENtcecTboLM/s1600/Top.png

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil0QdqlLTVg3huzhkum0wzJfctzU98li4bG2LgeW3Ca0cTRWzV-dJc-pIEde-dy2PolANVonuspLTOtfNaWNv2BbzyNmNKTFTUpraPEL_dd3HRfyrk9RAWPohrZsv3W--Ox6ad8gA3Bg3f6BO9OjdR22nulbRDFBVYeA1UYyRCMErf0YRJQ6sNFfTl/s1600/Top%20(1).png


Tiếp theo, các bạn vào Bố cục -> Thêm tiện ích (thêm ở đâu cũng được) --> HTML/Javascript 

Phần tiêu đề: bỏ trống

Phần nội dung: Paste đoạn sau vào phần nội dung:

<a style="display:scroll;position:fixed;bottom:5px;right:5px;z-index:1000;" href="#" title="Back to Top">
<img src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil0QdqlLTVg3huzhkum0wzJfctzU98li4bG2LgeW3Ca0cTRWzV-dJc-pIEde-dy2PolANVonuspLTOtfNaWNv2BbzyNmNKTFTUpraPEL_dd3HRfyrk9RAWPohrZsv3W--Ox6ad8gA3Bg3f6BO9OjdR22nulbRDFBVYeA1UYyRCMErf0YRJQ6sNFfTl/s1600/Top%20(1).png" alt="nút cuộn đầu trang"/>
</a>


Phần màu đỏ các bạn thay bằng link ảnh mà các bạn có nhé. Nếu không có ảnh thì cứ để nguyên như của mình cũng được. Trang của mình hiện đang dùng code này nên các bạn có thể xem demo trên trang này luôn.

0 Nhận xét