Vui lòng liên hệ chúng tôi qua Zalo Contact

Hướng dẫn tạo hiệu ứng cho Blog của bạn

Bước 1: Vào chủ đề --> Tùy chỉnh --> chỉnh sửa HTML tìm ]]></b:skin> thêm đoạn code này bên trên nó.
.fill{position:absolute;top:0;left:0;height:100%;right:0;bottom:0;z-index:1}
    .no-click{pointer-events:none}
    @keyframes rain{0%{background-position:0 0}100%{background-position:500px 1000px}}
    .effect-rain{background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPq6Eydll2-RX-LYXTEyYyG5tuPiAu0d_6BS9581gEYkIpG2Gr7Gt5M8AslR5sGc94ahUteyVq_WcC4pBxRiHhhyphenhyphen9zMH1J7zRV_JDzSojUCZh9P73xr63HDHGdzSnmUSF7aYIogsaWijvz/s93/rain.png");animation:rain 2s linear infinite}
    @keyframes sparkle{0%{background-position:0 0,0px 0,0px 0}100%{background-position:-500px -1000px,-400px -400px,300px 300px}}
    .effect-sparkle{background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZdIIUcWFdxd9U0D4VcEH2MGprXXIUK_9obZ3ugDCWSpuCtp15NMYi7_paWtB6q067hDTl7gjVNdaTI2JUEI0ixf_KrRlnTUAkjgB-Z5WiRUZrFLDHQ-rxfD60A3pZ7tyBHHedZTQNJZt0/s500/sparkle1.png"),url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhri73uMJh-gk7T7DZLSn6z1AcKAO7wKmzwL-lMFxAPxsnRNX0LX8iH64xA4VAhDbKmdZLf1nDZO8wdOGFRWjYTBuBsPrwoWfhc8BpnUXwgopkdouhUxY2oq7rlLyPHzzHSYWHAgG_TdlQK/s400/sparkle2.png");animation:sparkle 60s linear infinite}
    @keyframes glass{0%{background-position:0 0,0px 0,0px 0}100%{background-position:500px 1000px,400px 400px}}
    .effect-sliding-glass{background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidK0eaxWjObzOYZqxD7VPYIWlrmadcyfRW7aK-tAUyJ0fXsY7OKgJWIkLAMiLIBE5rTDatySghnPWzxDz8TUeShysmAtQ3RZfG5umg1RNOCi8oQ71RCD3mCfJzXLTDeDOxhRayv9RLnFzA/s500/glass1.png"),url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9WJmjCvYP2s_I8Bm6CG9jHH1_SiOzdlILW44rUB84cZKpIv9Dj6GE0AZwvsZ6ySYKb2gogXYHj3LWf0DZvKSkRZK76MG2ufRdF1kHGgW47W8xsdftB-_3IEghjBe8uQKGmV-_5SUtdl8R/s500/glass2.png");animation:glass 30s linear infinite}
    @keyframes confetti{0%{background-position:0 0,0px 0,0px 0}100%{background-position:500px 1000px,400px 400px,300px 300px}}
    .effect-confetti{background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5xzuB51w9bR7D3MHWlZFHHlJ2itCktGrSumaSOCpUxiLA_uw8oNmrnh9MwI7VAH8QBnPDnP1u8vfMLjoVOMCR9VsEvgVWCVcwuAnm8MYj8uVxbnQPZUI5_fMeJDfI5BcZ__hcFoJcLZ0w/s500/confetti1.png"),url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOlv_0aqhtGfc_sZ-Uf07XdJ9SuPMx7So3yPGMBF-r01WtY-lwBAvIDCyE0uxTtnkiSxAkXRXxG9__J6wQkyXnVSe5UaD85KqYzDcpwceqtQA4Wiqmv46FefH8LEMxTVOq9uflFumRf8C6/s400/confetti2.png");animation:confetti 10s linear infinite}
    @keyframes snow{0%{background-position:0 0,0px 0,0px 0}100%{background-position:500px 1000px,400px 400px,300px 300px}}
    .effect-snow{background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv46zhnIbwf5ZIsJgUfQquhqmWnlYp9raiGV3A9Ko6k8_RZS9NaUPu_3WjSh14dqHuRn7XGgu9ngi5Jr_KxTWSwxSTSV4Z1xTugyRkfxCE5qY-Y8U_A3JSTYh-mUXlbhyphenhyphenzWn2C5I5bbJVn/s500/snow1.png"),url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSHBlrNnAbLbxz29acQOkJItsnniwOn5Ij8AaPGSgyrWHcLPEDqt2a33J9kAKgLjZ3mpMM_mSYK9-lBAoSKY-QBJ0kL4lYoawmbmUGSx_GymCYW2G7Wdhc4bvtsQQCWgAPq1iD-leLrvgc/s400/snow2.png");animation:snow 20s linear infinite}
Bước 2: Tìm đến thẻ <body> và chèn đoạn code dưới đây
<div class='fill effect-snow no-click'></div>
Thay đổi effect-snow thành một hiệu ứng khác:
  • effect-snow hiệu ứng tuyết rơi
  • effect-rain hiệu ứng mưa
  • effect-sliding-glass hiệu ứng ánh sáng
  • effect-confetti hiệu ứng pháo sinh nhật
  • sparkle hiệu ứng bong bóng (theo mình là hiệu ứng đẹp nhất)
Bước 3: Nhấn nút Save 

Facebook: Dịch Vụ Mạng Xã Hội Đà Nẵng
Zalo: Dịch Vụ Đà Nẵng
Phone: 0333.110304
Gmail: mxhdn.xyz@gmail.com
Thanh toán: Ngân hàng, thẻ cào siêu rẻ, Momo, ViettelPay, card + 35% phí,...

Cookie Consent
Chúng tôi cung cấp cookie trên trang web này để phân tích lưu lượng truy cập, ghi nhớ tùy chọn của bạn và tối ưu hóa trải nghiệm của bạn.
Oops!
Có vẻ như đã xảy ra sự cố với kết nối internet của bạn. Vui lòng kết nối với internet và truy cập lại.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Refresh