Hiệu ứng Loading khi nhấn vào trả lời nhận xét, và khi loading nhận xét cho bài viết. Nhằm làm đẹp cho Blogspot và vô cùng nhẹ. Chỉ cần dùng css là đủ cho tất cả.
Xin chào mọi người, củng vài nay rồi không đăng bài, mọi người thông cảm nhé. Thì hôm nay mình sẽ chia sẻ cách để tạo hiệu ứng trả lời cho nhận xét Blogspot giống blog của mình nha.
Xin chào mọi người, củng vài nay rồi không đăng bài, mọi người thông cảm nhé. Thì hôm nay mình sẽ chia sẻ cách để tạo hiệu ứng trả lời cho nhận xét Blogspot giống blog của mình nha.
Thì hiệu ứng lại chỉ cần dùng css thôi, nên vô cùng nhẹ. Không làm lag cho blogspot của bạn.
Các bước thực hiện
Trước tiên thì truy cập vào Blogger và chọn Chủ đề sau đó chọn Chỉnh sửa HTML nhé. Rồi dán đoạn css dưới đây lên trên thẻ đóng
]]></b:skin>#comment-editor {
background: transparent url('https://loading.io/spinners/message/index.messenger-typing-preloader.svg') no-repeat 50% 30%;
}
Sau khi làm xong, Save lại và xem thành quả nhé.
Cách sử dụng
#comment-editor {
background: transparent url('link ảnh loading có thể tuỳ chỉnh theo ý thích') no-repeat 50%30%;
}
Ở đây mình sẽ chia sẻ cho 1 trang có tầm 100+ ảnh đuôi .svg free. Bạn có thể dùng F12 để lấy link ảnh và dùng cho web của mình nhé.
Demo
Như blog của mình nhé.
No comments