Trang trí đón tết cho blog/website bằng hình ảnh câu đối, cành mai

Tết ở Việt Nam là một phong tục, một mỹ tục của người Việt từ ngàn đời nay. Tết là dịp người Việt tụ hội, sum họp, cúng gia tiên, dâng lễ thánh thần, ăn uống và vui vẻ quây quần bên nhau.

Trang trí đón tết cho blog/website bằng hình ảnh câu đối, cành mai

Năm cũ sắp qua, năm mới sắp đến, mình xin gửi lời chúc tốt đẹp nhất đến tất cả khách hàng và độc giả của Code Pro, đã theo dõi và ủng hộ cũng như tin tưởng sử dụng dịch vụ của Code Pro trong suốt thời gian qua.

Hôm nay, mình sẽ hướng dẫn các bạn cách trang trí blog để đón tết thật đẹp và đơn giản bằng hình ảnh câu đối, cành mai,... cùng theo dõi ngay nào!

Các bước thực hiện

Bước 1: Thêm CSS cố định 2 bên

.codepro-tet-left{position:fixed;top:0;left:0;z-index:9999}
.codepro-tet-right{position:fixed;top:0;right:0;z-index:9999}
@media(max-width:1024px){.codepro-tet-left,.codepro-tet-right{display:none!important}}

Bước 2: Thêm phần hiển thị vào trước </body>, hình ảnh câu đối hoặc cành mai:

Trang trí đón tết cho blog/website bằng hình ảnh câu đối

<a class="codepro-tet-left" href="https://www.code.pro.vn/2021/09/trang-tri-don-tet-cho-blog-website-bang-hinh-anh-cau-doi-canh-mai"><img alt="Trang trí đón tết cho blog/website bằng hình ảnh câu đối, cành mai" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge6MO8HCqdKS5oAmUJaffPaURQYXyxpqSDIS11JxVkcPHIDOdHwN23pOhXd1QSFosEXpYQ0qwXX-vvdUThECqh3U1EbD5aJK71gsaJHkTvFpKPRXGmomGEihyphenhyphen5whA6ek7vqnV0F2tdZxS1/s0/nam-moi-hanh-phuc-binh-an-den.png" style="width:160px;"/></a>
<a class="codepro-tet-right" href="https://www.code.pro.vn/2021/09/trang-tri-don-tet-cho-blog-website-bang-hinh-anh-cau-doi-canh-mai"><img alt="Trang trí đón tết cho blog/website bằng hình ảnh câu đối, cành mai" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNMb8HV12IHwCgq7weihj0-HQKXS20QvnGasDUDQu3QX3fulD0Qn92qBC7R-2RrzY0RKLhPS28NTsAZ5flHiYtLORMf_yyr1dcuRGup6pLT2QRgfD5fnscohGc21VtGIS3Bkvg5cfCjjgK/s0/ngay-xuan-vinh-hoa-phu-quy-ve.png" style="width:160px;"/></a>

Trang trí đón tết cho blog/ website bằng hình ảnh cành mai

<a class="codepro-tet-left" href="https://www.code.pro.vn/2021/09/trang-tri-don-tet-cho-blog-website-bang-hinh-anh-cau-doi-canh-mai"><img alt="Trang trí đón tết cho blog/website bằng hình ảnh câu đối, cành mai" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb_kRhpJO3HV-d-glny9DW_dNXxLPdMyEfDiQs9vyVAc1ZbpvRoFncpcJ63MWwDRAOx3EqgQEakXVrhZEeDTuv8UGvyp8yL0P5I71zG5ikqmRkMU_JkMK0uKLGgox95Dr2DYUWRa_2CFuZ/s0/canh-mai-ben-trai.png" style="width:160px;"/></a>
<a class="codepro-tet-right" href="https://www.code.pro.vn/2021/09/trang-tri-don-tet-cho-blog-website-bang-hinh-anh-cau-doi-canh-mai"><img alt="Trang trí đón tết cho blog/website bằng hình ảnh câu đối, cành mai" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaSXLZ0Y2t_8L-fuMjmWfz8WjGjkrz4Ay7nEYCXI-SWvalJv2Bv8jDhiWRHQ8rmkHcqW0f-_j19oCirXXlgqog-SNW6ADMp7xtOeUCjxmoAb22Tvrm5qwXZNwftpIF9Zz5Bb7gzH4J3Q4C/s0/canh-mai-ben-phai.png" style="width:160px;"/></a>

Bước 3: Lưu lại và tận hưởng thành quả!

Lưu ý: Để tránh nội dung bị tre phủ, hình ảnh sẽ chỉ hiển thị trên màn hình có kích thước lớn!

Lời kết

Trên đây là bộ code và hướng dẫn trang trí đón tết cho blog/website bằng hình ảnh câu đối, cành mai. Nếu có bất cứ thắc mắc hay khiếu nại về bản quyền hãy comment ngay phía dưới cho mình biết nhé. Chúc các bạn một ngày học tập và làm việc thật hiệu quả. Xin chào và hẹn gặp lại!

Copyright © Code Pro