Tạo bài viết

Trang trí Tết 2019 cho Blogspot bằng hình ảnh câu đối, cành mai treo hai bên

Năm cũ sắp qua, năm mới sắp đến, chỉ còn hơn 2 tuần nữa là đến Tết Nguyên Đán 2019, lời nói đầu tiên cho phép mình xin gửi lời chúc tốt đẹp nhất đến tất cả khách hàngđộc giả của Bác Sĩ Windows, đã theo dõi và ủng hộ cũng như tin tưởng sử dụng dịch vụ của Bác Sĩ Windows trong thời gian qua.


Và bài viết hôm nay mình sẽ hướng dẫn các bạn cách trang trí Tết đẹp và đơn giản nhất cho Blogspot - bằng hình ảnh câu đối treo cố định 2 bên blog chỉ sử dụng hình ảnh và một vài dòng CSS.

Cách thực hiện

Bạn chỉ việc copy toàn bộ code bên dưới và dán vào trước thẻ </body> trong template rồi lưu lại là được.
<a style="position:fixed;top:0;left:0;z-index:9999" href="https://www.bacsiwindows.com/2019/01/trang-tri-tet-2019-cho-blogspot-bang-hinh-anh-cau-doi-treo-hai-ben.html"><img height='420px' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV-5iAoYJPdSfv2oF5uEsT9i8WF4UDDRi4YQVgtbl6hWAQW5N2zYAX1zKh_KxbXd0eDx_Q9ANN_hl24tJbF7KNMxkki2q9E3iNtcpc-77e8R4Nkc5WHZFQPv4cBGKw7vSZ78CZ0NSMHk8W/s1600/cau-doi-left-BacSiWindows.png" /></a>
<a style="position:fixed;top:0;right:0;z-index:9999" href="https://www.bacsiwindows.com/2019/01/trang-tri-tet-2019-cho-blogspot-bang-hinh-anh-cau-doi-treo-hai-ben.html"><img height='420px' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0okzN3fEp2Q9g3JTEU6LrhKmbMVoy6Pqxdpy5WG3TzLj4_9Hz1MxgrIzacEnCmwnmmjme68f7rP8iJcxOMkQoz0X4m3DYfGiHVfSs_VQncMHqObeQUkjG6u1m4IhR02whDEayStWccEd5/s1600/cau-doi-right-BacSiWindows.png" /></a>

Tùy chỉnh

Nếu bạn muốn nó chỉ hiển thị trên PC và ẩn trên điện thoại, thì hãy sử dụng đoạn code sau (bao gồm thẻ điều kiện):
<b:if cond='data:blog.isMobileRequest'><b:else/><a style="position:fixed;top:0;left:0;z-index:9999" href="https://www.bacsiwindows.com/2019/01/trang-tri-tet-2019-cho-blogspot-bang-hinh-anh-cau-doi-treo-hai-ben.html"><img height='420px' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV-5iAoYJPdSfv2oF5uEsT9i8WF4UDDRi4YQVgtbl6hWAQW5N2zYAX1zKh_KxbXd0eDx_Q9ANN_hl24tJbF7KNMxkki2q9E3iNtcpc-77e8R4Nkc5WHZFQPv4cBGKw7vSZ78CZ0NSMHk8W/s1600/cau-doi-left-BacSiWindows.png" /></a>
<a style="position:fixed;top:0;right:0;z-index:9999" href="https://www.bacsiwindows.com/2019/01/trang-tri-tet-2019-cho-blogspot-bang-hinh-anh-cau-doi-treo-hai-ben.html"><img height='420px' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0okzN3fEp2Q9g3JTEU6LrhKmbMVoy6Pqxdpy5WG3TzLj4_9Hz1MxgrIzacEnCmwnmmjme68f7rP8iJcxOMkQoz0X4m3DYfGiHVfSs_VQncMHqObeQUkjG6u1m4IhR02whDEayStWccEd5/s1600/cau-doi-right-BacSiWindows.png" /></a>
</b:if>

Một số hình ảnh khác

Bạn copy link ảnh rồi thay vào code phía trên để thay kiểu trang trí khác nhé.

Demo


Đề xuất: Tặng miễn phí Template đếm ngược Tết Nguyên Đán 2019 cho Blogspot

Năm cũ sắp qua, năm mới sắp đến, chỉ còn hơn 2 tuần nữa là đến Tết Nguyên Đán 2019, lời nói đầu tiên cho phép mình xin gửi lời chúc tốt đẹp nhất đến tất cả khách hàngđộc giả của Bác Sĩ Windows, đã theo dõi và ủng hộ cũng như tin tưởng sử dụng dịch vụ của Bác Sĩ Windows trong thời gian qua.



Và bài viết hôm nay mình sẽ hướng dẫn các bạn cách trang trí Tết đẹp và đơn giản nhất cho Blogspot - bằng hình ảnh câu đối treo cố định 2 bên blog chỉ sử dụng hình ảnh và một vài dòng CSS.

Cách thực hiện

Bạn chỉ việc copy toàn bộ code bên dưới và dán vào trước thẻ </body> trong template rồi lưu lại là được.
<a style="position:fixed;top:0;left:0;z-index:9999" href="https://www.bacsiwindows.com/2019/01/trang-tri-tet-2019-cho-blogspot-bang-hinh-anh-cau-doi-treo-hai-ben.html"><img height='420px' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV-5iAoYJPdSfv2oF5uEsT9i8WF4UDDRi4YQVgtbl6hWAQW5N2zYAX1zKh_KxbXd0eDx_Q9ANN_hl24tJbF7KNMxkki2q9E3iNtcpc-77e8R4Nkc5WHZFQPv4cBGKw7vSZ78CZ0NSMHk8W/s1600/cau-doi-left-BacSiWindows.png" /></a>
<a style="position:fixed;top:0;right:0;z-index:9999" href="https://www.bacsiwindows.com/2019/01/trang-tri-tet-2019-cho-blogspot-bang-hinh-anh-cau-doi-treo-hai-ben.html"><img height='420px' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0okzN3fEp2Q9g3JTEU6LrhKmbMVoy6Pqxdpy5WG3TzLj4_9Hz1MxgrIzacEnCmwnmmjme68f7rP8iJcxOMkQoz0X4m3DYfGiHVfSs_VQncMHqObeQUkjG6u1m4IhR02whDEayStWccEd5/s1600/cau-doi-right-BacSiWindows.png" /></a>

Tùy chỉnh

Nếu bạn muốn nó chỉ hiển thị trên PC và ẩn trên điện thoại, thì hãy sử dụng đoạn code sau (bao gồm thẻ điều kiện):
<b:if cond='data:blog.isMobileRequest'><b:else/><a style="position:fixed;top:0;left:0;z-index:9999" href="https://www.bacsiwindows.com/2019/01/trang-tri-tet-2019-cho-blogspot-bang-hinh-anh-cau-doi-treo-hai-ben.html"><img height='420px' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV-5iAoYJPdSfv2oF5uEsT9i8WF4UDDRi4YQVgtbl6hWAQW5N2zYAX1zKh_KxbXd0eDx_Q9ANN_hl24tJbF7KNMxkki2q9E3iNtcpc-77e8R4Nkc5WHZFQPv4cBGKw7vSZ78CZ0NSMHk8W/s1600/cau-doi-left-BacSiWindows.png" /></a>
<a style="position:fixed;top:0;right:0;z-index:9999" href="https://www.bacsiwindows.com/2019/01/trang-tri-tet-2019-cho-blogspot-bang-hinh-anh-cau-doi-treo-hai-ben.html"><img height='420px' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0okzN3fEp2Q9g3JTEU6LrhKmbMVoy6Pqxdpy5WG3TzLj4_9Hz1MxgrIzacEnCmwnmmjme68f7rP8iJcxOMkQoz0X4m3DYfGiHVfSs_VQncMHqObeQUkjG6u1m4IhR02whDEayStWccEd5/s1600/cau-doi-right-BacSiWindows.png" /></a>
</b:if>

Một số hình ảnh khác

Bạn copy link ảnh rồi thay vào code phía trên để thay kiểu trang trí khác nhé.

Demo


Đề xuất: Tặng miễn phí Template đếm ngược Tết Nguyên Đán 2019 cho Blogspot


Tôi thích viết Blog để chia sẻ trãi nghiệm của chính mình. Tôi làm việc về Digital Marketing (SEO, Google Adwords, Facebook) và hy vọng sẽ có cơ hội hợp tác với bạn trong tương lai. Cùng chia sẻ kinh nghiệm mình có được