![]() |
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.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXq1yyy_jtIYm28PwPIoMoC7mr_eJcVrQSiSo9ZW4XGo78iNcSo6jiMIhs-aCSoo44m_1woctEiv9lnKQmKIArzPQjl6vkSqTHiA2rw90vXl1IeWtkS8YuTe9EwvfE1zdE3rSSAFqHNF4/s640/H%25C6%25B0%25E1%25BB%259Bng+d%25E1%25BA%25ABn+c%25C3%25A1ch+thi%25E1%25BA%25BFt+l%25E1%25BA%25ADp+trang+t%25C4%25A9nh+Static+Page+Blogspot+m%25E1%25BB%259Bi+nh%25E1%25BA%25A5t+2.png)
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é !