5/18/11

(Blogspot) - Giấu,ẩn hoặc xoá hẳn thanh Navbar

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 elementNavbar, bạn chọn lựa màu phù hợp, chọn xong lưu lại (xem 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 Thiết kế->Trình thiết kế mẫu--> Nâng cao-> Thêm css
Vậy là xong :D
Chúc thành công
Related Posts with Thumbnails

0 comments:

Post a Comment

Bạn hãy để lại comments nếu bài viết có ích nha.
Các comments sẽ được nhắc nhở nếu vi phạm các điều khoản mà mình tự hiểu.

Twitter Delicious Facebook Digg Stumbleupon Favorites More