Code trang trí background ngày tết đơn giản cho blogspot

Ngày tết đã đến gần! Lượn một vòng thì thấy các anh em blogger đã và đang rục rịch trang trí blog cho ngày Tết cổ truyền. Với mục đích chia sẻ và lưu trữ lại các thủ thuật hay, Anh Trai Nắng xin chia sẻ lại cách trang trí background tết blogger, blogspot cho ngày tết rất đẹp này, hi vọng anh em sẽ thích và áp dụng cho blog của mình.

Code trang trí background ngày tết đơn giản cho blogspot.

Thật sự là làm rất là dễ nhưng mình chỉ muốn viết bài xàm xàm cho vui thôi :D Mời các bạn xem demo (Lưu ý: Demo có thể bị mất khi hết tết)

🚀 LIVE DEMO

Cài đặt background tết

Các bạn copy đoạn css sau dán trên thẻ ]]></b:skin>

body { background: url(https://i.imgur.com/NZh5sJb.png) no-repeat center fixed; background-size: cover; background-color: #3333330f; }

Lưu template là xong, xem kết quả!

Code này làm được gì?

Giải thích cho anh em dễ hình dung nha, vừa làm vừa học code đơn giản cho vui:

• background: url(...)
  Gán hình nền cho toàn bộ trang web.
• no-repeat
  Không lặp hình (tránh tình trạng nền bị “dán gạch men” 😆).
• center
  Luôn canh hình vào giữa màn hình.
• fixed
  Cuộn trang nhưng hình nền đứng yên – hiệu ứng này nhìn rất đã.
• background-size: cover
  Hình nền tự động phủ kín màn hình, không méo, không dư viền.
• background-color: #3333330f
  Màu nền dự phòng nhẹ nhẹ, giúp chữ dễ đọc hơn trong trường hợp hình load chậm.

Khi nào nên dùng?

• ✔ Blog cá nhân
• ✔ Trang landing đơn giản
• ✔ Blogspot / Blogger
• ✔ Trang đếm ngược Tết, Noel, sự kiện 🎉

Chỉ cần đổi link hình nền là có ngay giao diện mới, khỏi phải chỉnh sửa layout nhiều.

Kết luận

Chỉ vậy thôi đó 😆 Một dòng CSS nhỏ xíu nhưng đủ để blog nhìn khác liền. Anh em rảnh cứ thử đổi hình nền theo mùa: Tết 🎆, Noel 🎄, Trung thu 🏮 là thấy vui ngay.

Có code gì hay hay nữa thì mình chia sẻ tiếp cho vui nha 👍

Xem thêm: Tổng hợp Code trang trí Tết cho blogspot không thiếu thứ gì 😁