Thứ Tư, 3 tháng 7, 2019
0 Comment
Hiệu ứng tải khi đăng nhận xét cho Blogger
Hiệu ứng này thực chất rất là đơn giản, mình ở đây sẽ sử dụng một hình ảnh loading mà mình kiếm được trên mạng, sau đó sử dụng CSS chèn vào background của khu vực đó. Thế làm sao mà nó ra hiệu ứng tại được vậy? Cái hình mà mình đặt background nó nằm ở dưới khung nhận xét, có nghĩa là khung nhận xét đã đè lên và che mất đi hình ảnh đó. Điều làm nên điều kì diệu ở đây là khi người dùng nhấn vào nút "Xuất bản" thì khung nhận xét sẽ bị ẩn đi khoảng vài giây làm cho background này xuất hiện và tại nên hiệu ứng tải tại khung nhận xét.Quá là đơn giản mà hay phải không nào, hoàn toàn không sử dụng jQuery hoặc JavaScript để biến tấu như hiệu ứng tải tải trang mà hồi trước mình chia sẻ. Không lằng nhằng nữa đây là đoạn css đó, bạn chỉ cần chèn lên thẻ ]]></b:skin> là phép màu xuất hiện
#comment-editor {background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1MIarQRUMnSCevFD5AwcSy7ypofw5AmMRzGEdVCsj5aZOW_GnecVtZpKfBSNQeuo2o3R8Hz4e_tFLyNypPYRQK3-XhejT0LFOcE3Uxnh9FA4HqUnDSGC3k8fmPytYp8Wv31HIS8BW94KB/s1600/ajax-loader+(2).gif') no-repeat 50% 30%}Lời kết
Đây là một mẹo vô cùng đơn giản, hi vọng rằng sau khi mình diễn giải thì các bạn nào hiểu có thể sử dụng nó để cho cách thành phần khác có trên blog nữa. Mọi thắc mắc về bài viết này hãy để lại cho mình tại khung nhận xét phía dưới nhé.P/S: Nhận xét thử sẽ thấy điều kì diệu ấy :)
Subscribe Our Newsletter
0 Response to "Hiệu ứng tải khi đăng nhận xét cho blogger"
Đăng nhận xét
☼ Lưu ý: Không Spam và trường hợp bạn để lại Backlink về website của bạn, nếu phù hợp thì mình vẫn chấp nhận.
☼ Tích vào ô: Thông báo cho tôi "Notify me"để nhận thông báo phản hồi nhé.