Gỡ bỏ thanh Navbar Widgets mặc định của blogpost

Để gỡ bỏ hoặc ẩn thanh Sidebar (thanh bên) và các widget trên Blogspot (Blogger), bạn có thể áp dụng cách phổ biến và nhanh nhất là xóa trực tiếp trong phần Bố cục (Layout) và Dùng CSS ẩn Sidebar

🔵 Cách dùng CSS

1. Đăng nhập vào Bảng điều khiển Blogger.
Design\ Edit HTML\proceed
đánh Ctrl-F tìm code sau
]]></b:skin>
Thêm đoạn code này vào phía trước nó

Code CSS dùng dể nhúng vào theme để ghở bỏ Navbar

/* Ẩn toàn bộ thanh Sidebar trên Blogspot */
aside, .sidebar, .sidebar-wrapper, .rsidebar.sidewrap { display: none !important; } /* Mở rộng khung nội dung chính ra 100% */ #main, .main-inner, .lcontent { width: 100% !important; max-width: 100% !important; float: none !important; }

Navbar Blogger xuất hiện theo mặc định ở trên cùng của mỗi Blog, sau khi tắt thanh này đi thì người quản lý blog sẽ hơi khó chịu khi đang bài, chỉnh sửa, ...
Cách tạo Favicon

Các Navbar tính năng bao gồm:

[B] trở lại trang www.blogger.com .
Search Blog: tìm kiếm các blog bạn đang xem.
NextBlog: sẽ đưa bạn đến một blog, Blogger ngẫu nhiên gần đây đã được cập nhật.
Email address: Nếu đăng nhập vào tài khoản, bạn sẽ thấy địa chỉ của bạn ở đây.
Dashboard: Nếu đăng nhập, bạn sẽ có một liên kết đến bảng điều khiển của riêng bạn.
Sign In/Out: Điều này hiển thị các tùy chọn thích hợp, tùy thuộc vào việc bạn đang đăng nhập hay không.

🔵 Xóa trực tiếp trong phần Bố cục

Để xóa các tiện ích (widget) trực tiếp trong phần Bố cục (Layout), bạn thực hiện theo các bước sau:

1. Đăng nhập vào Blogger.

2. Chọn blog bạn muốn chỉnh sửa, sau đó nhấp vào mục Bố cục (Layout) ở menu bên trái.

3. Tìm đến khu vực Sidebar (Thanh bên).

4. Nhấp vào nút Chỉnh sửa (biểu tượng hình bút chì ✏️) tại widget bạn muốn gỡ bỏ.

5. Cuộn xuống dưới cùng của cửa sổ pop-up vừa hiện ra, nhấp vào nút Xóa (Remove) và xác nhận OK.

6. Quan trọng: làm xong nhớ nhấp vào biểu tượng Lưu (hình đĩa mềm) ở góc dưới cùng bên phải màn hình để áp dụng thay đổi cho toàn bộ blog.
Nếu quên bước này thì công cốc, không có thay đổi gì.

👉 Những Code học thêm khi làm blogger

Chức năng	Mã Code (Copy vào HTML)	Kết quả / Hiển thị	Hướng dẫn / Ghi chú
Accordion Ẩn/Hiện	<details> <summary>Xem thêm</summary> Nội dung chi tiết </details>	Xem thêm Nội dung chi tiết	Giúp ẩn bớt nội dung dài, người đọc bấm vào tiêu đề để mở rộng.
Đồng Hồ Thời Gian	<div id="clock"></div> <script> setInterval(()=>{ document.getElementById("clock") .innerHTML=new Date().toLocaleTimeString(); },1000); </script>	12:00:00 PM	Hiển thị đồng hồ đếm giờ thực tế chạy trực tiếp trên bài viết.
Chia Sẻ Facebook	<a href="https://www.facebook.com/sharer/sharer.php?u=URL" target="_blank"> Chia sẻ Facebook </a>	Chia sẻ Facebook	Thay chữ `URL` bằng đường dẫn bài viết bạn muốn chia sẻ.
Mở Tab Mới	<a href="https://example.com" target="_blank"> Mở tab mới </a>	Mở tab mới	Thuộc tính `target="_blank"` giúp mở trang liên kết sang một tab trình duyệt khác.