Hướng dẫn cách thiết lập trang tĩnh Static Page Blogspot mới nhất |
Vấn đề đặt ra: làm thế nào để tùy ý chỉnh độ rộng, ẩn hiện
sidebar, header, banner quảng cáo trên trnag tĩnh (Static Page)
Mục đích: Chúng ta muốn trang Static Page được tùy biến đơn
giản theo ý muốn hơn là lệ thuộc vào giao diện Template. VD: Mình muốn trang
tĩnh chỉ hiện nội dung giới thiệu về trang web và tràn toàn bộ màn hình không
chứa thanh sidebar như hình bên dưới.
Giải pháp: Các bước thực hiện như sau:
Vào CSS Template. Ctrl + F tìm đến thẻ đóng </head> và
dán đoạn code bên dưới vào trước </head> nhá.
<!--Full Width Page Static-->
<b:if cond='data:blog.pageType == "static_page"'>
<style>
.content-area {width: 100%;}
.sidebar-area {display:none;}
</style>
</b:if>
Trong đó:
content-area: chiều rộng bài viết trang Static Page
sidebar-area: khu vực thanh Sidebar của Blog.
Save lưu lại Template và xem Blog để kiểm tra nhé !
Chúc các bạn thành công nhé !