Mùa xuân đã về,tết sắp tới.Không khí xuân tràn ngập mọi phố phường,trong thế giới ảo với những ngôi nhà blogspot chúng ta cũng nên để cho mọi người khi bước chân vào đều cảm nhận được cái không khí xuân đã về.
Để làm điều này mình sử dụng code của bài Chuông Giáng Sinh cho Blogspot rồi sau đó thay ảnh và hiệu chỉnh đôi chút cho phù hợp.Tất cả đều mang tính chất cây nhà lá vườn(xin cảm ơn những người đã post những tấm ảnh phù hợp với code này).
Áp Dụng Vào Blogspot
DEMOXem thử DEMO qua ảnh
Công việc cần làm là tiến hành thêm 1 tiện ích,tiện ích này nên đặt cuối blog(load cho nhanh)
1- Cành đào+mai và dãy đèn lồng:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRi5yDejZob8rdsIbe-oM5oVncIx5OBMnQuNP8HmTl9vl1MGnupioPkgsTaW2wqxXpE9C2ET914bTFOvSzFpV-xviOSko2yWWOIq5ro-TwzscLml4_ceM_j8cWBXnZKCPkEvD4DFTUvL4/s1600/hoa.mai.png" style="position:fixed; top: 0px;right:-20px;border:none;z-index:5;"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOJwESjmjkBoq5PM2o9GRBIKSqRZThLrIzPQbvfOjIuxmR_WKRG5nBi86wXTUPcjLYQaJLY6fieP187xUn9uFT3zewe6H7DGJX4OBjPAMJ1IDkA7r8ZYkfv5JEKiXjY9ZyCTbwwfpBCWE/s1600/mai-01.png" style="position:fixed; top: 50px;right:-30px;border:none;z-index:5;"/>
<!--Đèn lồng-->
<div style='position: fixed; top: -10px; right:8%;'>
<img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTjuJJYvs74vGQi6u0W501zg35MRSTVz8EIOwKarolTmGYV_qHvBqajh5Xs3p9VtqoiuBjF4DCdLoHj_liopu1pl1va4TC_yd11OkukmFiG-bifrOmXSdaIRIB-MmAmZK69W7yvXGM1gw/s1600/1283.gif" />
<img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4kGvv__2IqhvodRXN_X1Nf1P4FZVlhlxjga4uSzvrO_VuTrA6AsbKxarH9MVSD1sCQughq_OTcLGIpA6T0LxfgRyo1Ph0k6CcnOOA3chgO7ALsJLM26ror3-BE3hUVbfd7tJInblQHXU/s1600/den-long-2.gif" />
<img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTjuJJYvs74vGQi6u0W501zg35MRSTVz8EIOwKarolTmGYV_qHvBqajh5Xs3p9VtqoiuBjF4DCdLoHj_liopu1pl1va4TC_yd11OkukmFiG-bifrOmXSdaIRIB-MmAmZK69W7yvXGM1gw/s1600/1283.gif" />
<img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4kGvv__2IqhvodRXN_X1Nf1P4FZVlhlxjga4uSzvrO_VuTrA6AsbKxarH9MVSD1sCQughq_OTcLGIpA6T0LxfgRyo1Ph0k6CcnOOA3chgO7ALsJLM26ror3-BE3hUVbfd7tJInblQHXU/s1600/den-long-2.gif" />
<img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTjuJJYvs74vGQi6u0W501zg35MRSTVz8EIOwKarolTmGYV_qHvBqajh5Xs3p9VtqoiuBjF4DCdLoHj_liopu1pl1va4TC_yd11OkukmFiG-bifrOmXSdaIRIB-MmAmZK69W7yvXGM1gw/s1600/1283.gif" />
<img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4kGvv__2IqhvodRXN_X1Nf1P4FZVlhlxjga4uSzvrO_VuTrA6AsbKxarH9MVSD1sCQughq_OTcLGIpA6T0LxfgRyo1Ph0k6CcnOOA3chgO7ALsJLM26ror3-BE3hUVbfd7tJInblQHXU/s1600/den-long-2.gif" />
<img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTjuJJYvs74vGQi6u0W501zg35MRSTVz8EIOwKarolTmGYV_qHvBqajh5Xs3p9VtqoiuBjF4DCdLoHj_liopu1pl1va4TC_yd11OkukmFiG-bifrOmXSdaIRIB-MmAmZK69W7yvXGM1gw/s1600/1283.gif" />
<img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4kGvv__2IqhvodRXN_X1Nf1P4FZVlhlxjga4uSzvrO_VuTrA6AsbKxarH9MVSD1sCQughq_OTcLGIpA6T0LxfgRyo1Ph0k6CcnOOA3chgO7ALsJLM26ror3-BE3hUVbfd7tJInblQHXU/s1600/den-long-2.gif" />
<img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTjuJJYvs74vGQi6u0W501zg35MRSTVz8EIOwKarolTmGYV_qHvBqajh5Xs3p9VtqoiuBjF4DCdLoHj_liopu1pl1va4TC_yd11OkukmFiG-bifrOmXSdaIRIB-MmAmZK69W7yvXGM1gw/s1600/1283.gif" />
<img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4kGvv__2IqhvodRXN_X1Nf1P4FZVlhlxjga4uSzvrO_VuTrA6AsbKxarH9MVSD1sCQughq_OTcLGIpA6T0LxfgRyo1Ph0k6CcnOOA3chgO7ALsJLM26ror3-BE3hUVbfd7tJInblQHXU/s1600/den-long-2.gif" />
<img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTjuJJYvs74vGQi6u0W501zg35MRSTVz8EIOwKarolTmGYV_qHvBqajh5Xs3p9VtqoiuBjF4DCdLoHj_liopu1pl1va4TC_yd11OkukmFiG-bifrOmXSdaIRIB-MmAmZK69W7yvXGM1gw/s1600/1283.gif" />
</div>
2- Tưng bừng đón tết ở đáy Blogspot:
Code:
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw0xniz05VbeLHcsMiIotw528_xGe7DqhboxoGmz4ixVUyPi6GQ79tOmVLtuH1ymdZQ2ynBhaZgbMJN8jZsdWQKeWadf-QI0ozI_eYh346uC0iIoL8o_ba7dYjZce1LcMV1NxOA9hgix0/s1600/buttom-tet.png' style='position:fixed;z-index:9999;bottom:0px;left:46%'/>
<div style='position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:150px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl5GXDB4LZI4RiVTu9dS3Muy_l2VcTXYgy9zMPV5oakQktXS9-xgvXbpGpyUqfeV1hEMgQZ7APDqehI4eYSkasiRWLrUmImdkcvFcsG3t1A5ydB-hXfa7GBnU2h4h_mIbrZ5I1Zl2ntUM/s1600/bottom.png) repeat-x bottom left;'></div>
3- 2 Ngựa cung hỷ:
Code:
<img alt="quy ngo trai" style="border-width:0px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjws1hYPc1ZTzGfnJFJRaMCmGnY-7qkz0UmsAy6NnpUf8JwPVmgvGr0qXDMbgVnfoK9My4wDPENMNtvZWwnesqKY_UXwczY_47ww2y0SraQHorSf0SkysH5gDUEUgY8JDpUj4iJhHggkxM/s1600/Quy-ngo_left.png" width="140" height="229" />
</div>
</div>
<div style="right: 0px; bottom: 100px; position: fixed; z-index: 50;id="columnright";
position:relative;">
<img alt="quy ngo phai" style="border-width:0px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEQeu1W3ZjZNkXiYWw9gT-vZGvrXMX0ACYNei_HwzDjOnU2aBZZlaqBvWSJu9Y7t9OXcbdvDP8NMRS9nSMeMelb8zq4McrPKZavyPbNa5eiP7m8Kp-08SnV8rdT4Q6H-tZy-1o-2IwZhI/s1600/Quy-ngo_right.png" width="140" height="229" />
</div>
</div>
Nếu bạn muốn có 1 dàn hoa đào hoa mai cùng các icon tượng trưng cho tết nguyên đán nằm ở header của blog và khi rê chuột vào phát ra tiếng leng keng như giàn chuông giáng sinh (C) ở bài NÀY thì bạn tải gói hình ảnh
NÀY về sau đó giải nén và up lên host lấy link thay vào phần code CSS vì tên ảnh là b-ball_n1 và b-ball_i1 bạn thay đúng ảnh tương ứng trong code là được.Code này khá nặng và phải đụng chạm tới template nên phải cẩn thận và hết tết nên khẩn trương gỡ ra.
Chúc thành công!
Rất cảm ơn về bài viết của bạn, bài viết rất hay và ý nghĩa.
Trả lờiXóaNếu bạn có nhu cầu về chăn ga gối đệm liên hệ bên mình nhé
hộ Chăn Xuân Thu Sông Hồng
*********************************************************************************************
CÔNG TY TNHH SẢN XUẤT VÀ ĐẦU TƯ MINH PHONG
ĐC: 113 Nguyễn Trãi, P. Thượng Đình, Q. Thanh Xuân, TP. Hà Nội
Điện thoại: 024 6260 5064 - Hotline: 0981.212.212 - 1900.636.746
Website: www.thegioidemonline.com
Đã có chip mới giúp máy tính ‘tư duy’ giống người hơn mang đến lợi ích cho con người.
Trả lờiXóa