Trang trí hoa mai đèn lồng trên blogspot đón Tết Nguyên đán

Sắp tới Tết rồi chỉ còn ít ngày nữa là tới giao thừa. Đời thực đang rộn ràng hối hả, không khí mùa xuân đang tràn ngập mọi nơi. Chúng ta cũng nên đem không khí xuân vào trong thế giới ảo mà ở đây là những trang web/blog để khách viếng thăm blog/web có thể cảm nhận được không khí tết đang ngập tràn muôn nơi.

Dưới đây là code giúp mọi người thực hiện điều đã nói ở trên.

DEMO
Các bước thực hiện.
Thêm css

<style>/*<![CDATA[*/
.tet_left img,.tet_right img{width:100%;height:auto}
.tet_left{position:fixed;top:0;left:0;z-index:9;width:266px;pointer-events:none}
.tet_right{position:fixed;top:0;right:0;z-index:9;width:181px;pointer-events:none}
@media screen and (max-width:1440px){.tet_left{display:none !important}
}
/*]]>*/</style>

Css trên đã bỏ hoa mai bên trái từ độ phân giải 1440px.
Thêm HTML vào trước thẻ đóng </body>

<div class='tet_left'><img alt='tet' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjLkj9qKeF-IgXZU0pWxbzMi2HO6lbKjhcrh3e3CSo0p_DkX72jjsryK1HRA_0o7pirL814jvmUxK8UUC0L45TvRFwiD2dLcWhhbME0AFjMP15qJXhHZTQMpPdH1BvYYFuvtYf0mBFBZI1yjpSvmVAZiwi30XGqJJ0w-JB51UlJxp4KLhVbk0K2RlGm-aq/s1600/tet-left.png'/></div> <div class='tet_right'><img alt='tet' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga1hhkN4RmxSF8MKyGV3FhIU4kp8gu2VHdJWWGfqXm3dnvgUvpvytY793utvJ6UUDqnK1D9SxA1lhTNBP1l5FnUoDYCaVMr6y6xE5ykqo0jCjiTum4_Azw-tUrZWYSgKLNkr0Z9kV-hO37yLLlLOspKfqu8Y3wB7zhKY_yBW6uiE2JT9Nf2LsVOUcvsgmy/s1600/tet-right.png'/></div>

Lưu ý
Nếu chỉ muốn trang trí hoa mai đèn lồng bên phải thì chỉ cần thêm code bên dưới vào trước thẻ đóng </body>

<img alt='tet' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga1hhkN4RmxSF8MKyGV3FhIU4kp8gu2VHdJWWGfqXm3dnvgUvpvytY793utvJ6UUDqnK1D9SxA1lhTNBP1l5FnUoDYCaVMr6y6xE5ykqo0jCjiTum4_Azw-tUrZWYSgKLNkr0Z9kV-hO37yLLlLOspKfqu8Y3wB7zhKY_yBW6uiE2JT9Nf2LsVOUcvsgmy/s1600/tet-right.png' style='position:fixed;top:0;right:0;z-index:9;width:181px;pointer-events:none;border:none;' />