Ẩn hoặc xóa thanh điều khiển (Navbar) của blogger

Đối với Blogger vừa mới tạo thì bao giờ phía trên cùng cũng hiển thị thanh Navbar, thanh này chứa các lệnh như "Tìm kiếm (Search), Bài mới đăng (New post), Tùy chỉnh (Customize), Đăng xuất (Sign out)...". Đối với thanh Navbar này, bạn có thể thay đổi màu sắc của nó cho phù hợp với từng Template của blog. Tuy nhiên, để blog trông giống một trang web hơn thì bạn có thể xóa hoặc ẩn có đi một cách dễ dàng. Bạn có thể tham khảo cách sau.

Ảnh minh họa

☼ Cách thực hiện

1. Đăng nhập và vào bố cục blogger

2. Vào chình sửa HTML (Edit HTML)

3. Sau đó bạn dùng một trong các code sau để dán vào sau thẻ <head> hoặc trước thẻ đóng </head>

A. Cách 1: Không cho hiển thị thanh Navbar

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

B. Cách 2: Giảm độ cao của Navbar xuống bằng 0

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

C. Cách 3: Ẩn luôn thanh Navbar

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

D. Cách 4: Sử dụng tổng hợp các cách trên

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

Ở trên là cách giúp bạn có thể loại bỏ thanh điều khiển của Blogger, thanh điều khiển sẽ không còn nhìn thấy trên trang blog của bạn nữa. Tuy nhiên, bạn không muốn loại bỏ hẵn thanh điều khiển như thế, bạn muốn nó sẽ hiển thị trở lại khi người dùng rê chuột vào vị trí của thanh điều khiển ở đầu trang blog. Vâng ở dưới đây là cách có thể giúp bạn, với đoạn css sau thì bình thường thanh điều khiển sẽ không được nhìn thấy trên blog của bạn, giống như nó đã bị xóa đi, tuy nhiên khi người dùng đưa chuột vào vị trí của nó thì nó sẽ hiển thị trở lại và biến mất khi người dùng rê chuột khỏi vị trí đó. Bạn chỉ cần thêm đoạn css bên dưới vào trước ]]></b:skin> là xong

#navbar {opacity:0;filter:alpha(opacity=0);position:relative;margin-bottom:-30px;z-index:10;}
#navbar:hover {opacity:1;filter:alpha(opacity=1);}

Chúc các bạn thành công

0 nhận xét:

Đăng nhận xét

» CĐQTKD5A cảm ơn bạn đã giành chút time để đọc bài viết.
» Nếu có thắc mắc hay góp ý, bạn hãy để lại một nhận xét.
» Nếu thấy bài viết hay hãy chia sẻ với những người thân, bạn bè biết.
» Vui lòng đăng những nhận xét lịch sự và gõ tiếng Việt có dấu.
» Những lời comment thiện ý của bạn sẽ giúp trang CDQTKD5A ngày một phát triển!