Thủ thuật ẩn thanh sidebar cho blogspot

Thủ thuật này sẽ giúp bạn ẩn nội dung ở phần Sidebar nhường phần cho nội dung hiện thị 100%

Lời nói đầu:

Thông thường các blog có 2 cột là một cột thể hiện nội dung bài viết, một cột khác thường là bên phải hoặc trái là một thể hiện các bài viết mới, bài viết được đọc nhiều, comment...vv

Nhìn là vậy thôi nhưng đối với 1 người tìm hiểu về website nếu nhìn về phương diện code sẽ nhìn ra 2 điều
Phần hiện bài viết thường các lập trình website khai báo là: #main-wrapper
Phần cột nội dung bên được các lập trình viên web khai báo là #sidebar-wrapper

Do vậy thủ thuật dưới đây sẽ hướng dẫn bạn ẩn Sidebar tức là ẩn cột nội dung bên phải hoặc trái để dành không gian cho nội dung
Thủ thuật ẩn thanh sidebar cho blogspot
GIẢI THÍCH CÁCH LÀM:
Dùng CSS để làm phần nội dung rộng ra 100% tức là phần #main-wrapper{width:100%!important} và làm phần #sidebar-wrapper{display:none!important}.
Đồng thời gian đoạn code mà mình chia sẻ bên dưới sẽ ẩn đi phần chân trang web #footer-wrapper.

Đối code trang web sử dụng các tên thuộc tính là  #main-wrapper, #sidebar-wrapper, #footer-wrapper. Tùy vào cấu trúc của mỗi trang web mà tên của nó khác nhau nhưng thường 90% các trang web sử dụng tên đặt này rồi.

HƯỚNG DẪN DẪN THỰC HIỆN:Cách thực hiện rất đơn giản bạn chỉ cần copy đoạn code bên dưới chuyển qua phần HTML của bài viết và dán lên trên cùng, đoạn code có tác dụng ẩn một số widget và giúp bạn mở rộng trang bài viết lên 100%
Thực hiện ngay nào!
<style>#sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer { display:none !important;} #main-wrapper { width:100%!important;} .post { width:100%!important; } #main-atas { width:100%!important; }.topmeta { display:none !important;} #footer-wrapper { display:none !important;}</style>
Chúc các bạn thành công!
Nếu có thắc mắc về thủ thuật này vui lòng bình luận bên dưới để được hỗ trợ
Đang tải...
Đăng kí nhận tin mới nhất qua email
Previous
Next Post »