Ẩn hoặc xóa Navbar

Sở hữu ngay tên miền CO.CC ngắn gọn, dễ nhớ, miễn phí, không bị chặn,... cho website, blog.

Đăng ký nhận bài viết mới qua email

Nếu blog bạn sử dụng template mẫu của Blogger.com, đương nhiên phía trên của blog vẫn còn Navbar (navigation bar). Có bao giờ bạn tự hỏi nó dùng để làm gì? Navbar cho phép bạn tìm kiếm trên blog, tôi đã “dọn nhà” xuống bên phải như bạn thấy ở blog này. Ngoài ra nó còn cho phép bạn duyệt đến một blog tiếp theo.

Tùy theo giao diện và màu sắc của blog, bạn có thể chọn lựa màu cho Navbar phù hợp. Cách làm như sau:

Tại Add and Arrange Page Elements (Template), bạn click vào Edit trên element Navbar, bạn chọn lựa màu phù hợp, chọn xong lưu lại (xem hình)



Hình

Nhưng tôi chưa muốn dừng lại ở đó. Tôi đã thao khảo được cách làm thế nào để nó biến mất!

Cách một: Không cho hiển thị navbar

<style type='text/css'>
#navbar-iframe {
display: none;
}
</style>

Cách hai: Set chiều cao của navbar bằng 0

<style type='text/css'>
#navbar-iframe {
height: 0px;
}
</style>

Cách ba: Ẩn thanh navbar

<style type='text/css'>
#navbar-iframe {
visibility: hidden;
}
</style>

Cách bốn: Có thể gom lại như bên dưới

#navbar-iframe{
 height: 0px;
 visibility: hidden;
 display: none;
}

Hãy copy đoạn mã này và paste vào phía trước tag </head> trong Edit HTML (Template | Edit HTML).