Thủ thuật ẩn wedget sidebar để tạo trang hoặc bài viết full width theo như các giao diện template hiện nay các blog đa số chia theo tỷ lệ 7:...
Thủ thuật ẩn wedget sidebar để tạo trang hoặc bài viết full width theo như các giao diện template hiện nay các blog đa số chia theo tỷ lệ 7:3 trong khi đó bố cục được chia ra 70% là dành cho nội dung bài viết , còn lại 30 % chứa các wedget sidebar .

Tạo trang hoặc bài viết full width cho blogspot
Với tỉ lệ đó là rất đẹp và chuẩn cho chúng ta đăng bài viết bình thường , nhưng nhiều khi các bạn muấn tạo một trang ( page , post ) nào đó full width 100%
VD : trang About , Contact , Sitemap , ...
Không chứa Sidebar thì chúng ta phải làm sao ? Thủ thuật này ngocanhblog sẽ hướng dẫn các bạn tạo full trang cho blog nhé.
CÁC BƯỚC THỰ HIỆN :
Vào trang bài đăng > chuyển qua HTML dán đoạn mã CSS bên dưới vào bài đăng .<style type='text/css'>
#comments,#sidebar-wrapper {display:none!important;}
#post-wrapper {width:100%!important;}
</style>
NOTE :
Nếu các bạn không muấn ẩn đi phần comment thì các bạn bỏ đi đoạn :#comments,Có một số template thiết kế khi mình sử dụng đoạn mã CSS này có thể thay đổi.
Chúc các bạn thành công với thủ thật đơn giản này , làm cho blog của các bạn thêm chuyên nghiệp .
Nguần : iris-tips [ Edit by ngocanhblog ]

Chia sẻ:
Nhận cập nhật các bài viết mới của Ngocanhblog
Mẹo nhỏ khi bình luận