Tạo Hiệu Ứng Loading Cho Trả Lời Nhận Xét Blogspot

Đặng Tiến Sĩ Tác giả:
Xuất bản: Chủ Nhật, 6 tháng 1, 2019 -

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.

Hiệu Ứng Loading Nhận Xét, Hiệu Ứng Loading Comment, Hiệu Ứng Loading Comments, Load Comment, Loading Nhận Xét Cho Blogspot, Tạo Hiệu Ứng Cho Nhận Xét, Hiệu Ứng Trả Lời Nhận Xét Blogspot, Tạo Hiệu Ứng Loading Cho Trả Lời Nhận Xét Blogspot

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é.

Tag:
0 Like
6 Comment More Emoticon

Bài Viết Có Thể Xem

THÔNG BÁO

Biên tập nội dung: Đặng Tiến Sĩ
Sĩ Ben IT Blogger giữ bản quyền nội dung trên website này
Chỉ được phát hành lại nội dung khi có sự đồng ý của chủ sở hữu
Mọi thư từ góp ý vui lòng gửi về địa chỉ dangtiensi.vn@gmail.com

Đóng Liên hệ

Thông báo của Admin