"Ẩ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.

Hình ả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>

Cập nhật 11/02/2012

Ở 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 bạn thành công

Xem khác cùng chủ đề

Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Giải pháp bán hàng online Số 1 Việt Nam
Lên đầu trang Xuống cuối trang