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ợ



Một số lưu ý khi bình luận
  • Mọi bình luận sai điều khoản sử dụng sẽ bị xóa mà không cần báo trước.
  • Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi Admin phản hồi.
  • Khi xuất bản bài viết chắc chắn không tránh khỏi lỗi về chính tả, cú pháp.

3 nhận xét:


  1. thật hay và bổ ích :D Cảm ơn bác đã chia sẻ :D
    Rảnh ghé qua site mình chơi nhé ch playmobo market trên http://www.tai-facebook.xyz miễn phí

    Trả lờiXóa
  2. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa
  3. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa