Backgrounds là một trong những điều quan trọng là thu hút ngày càng nhiều khách truy cập vào blog của bạn. Hầu hết nhiều Blogger chỉ sử dụng 1 Background cho toàn trang Blog, Website của mình, trên nhiều nền Website khác như Wordpress...mình cũng đã thấy
nhiều themes có chức năng thay đổi nhiều hình nền này. Blogspot có làm được như thế không? Có đấy bạn, chỉ cần tùy biến 1 đoạn CSS là làm được điều ấy, và hôm nay Lãng Tử Studio chia sẻ với bạn về cách tùy biến ấy.
Thủ thuật liên quan: Hiển thị Widget chỉ ở trang chủ hoặc trang riêng biệt
Bạn xem Demo tại 2 pages bài viết:
Ở demo mình chỉ sử dụng màu nền, hướng dẫn sẽ có tùy nến thêm ảnh nền.
Hướng dẫn: Thay đổi Backgrounds tùy biến trong mỗi Pages của Blogger
Bước 1: Vào bảng điều khiển Blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)Bước 2: (Ctrl + F) tìm tới </head> và dán code dưới đây ngay trên nó
<b:if cond='data:blog.url == "Link Page của bạn"'>
<style>
body {
background-color:#Mã màu;background-position: center; background-repeat:repeat; background-attachment: fixed;
}
</style>
</b:if>
Trong đó: Mã màu HTML bạn có thể tham khảo lấy tại: Bảng mã màu HTML đẹp
Nếu bạn muốn sử dụng hình ảnh thay cho mã màu thì ta có code
<b:if cond='data:blog.url == "Link page của bạn"'>
<style>
body {
background-image:url(Link ảnh nền);background-position: center; background-repeat:repeat; background-attachment: fixed;
}
</style>
</b:if>
Còn nữa, nếu bạn muốn nhiều page có hình nền khác nhau thì lặp lại đoạn code trên nhé.
Chúc các bạn vui vẻ !
Xem nhiều thủ thuật hơn tại Lãng Tử Studio
Đừng quên Like và Share nếu thấy bài viết bổ ích
Nguồn: itviet360
0 nhận xét:
Đăng nhận xét