Ẩn hoặc xóa thanh điều khiển (Navbar) của blogger
Feb 16, 2012 0 nhận xét
Ẩn hoặc xóa thanh điều khiển (Navbar) của blogger
Thanh Navbar nằm ngang trên cùng blog. Nếu bạn đang dùng mẫu của trình thiết kế của Blogger. Rất đơn giản để xoá nó.
Xóa hoàn toàn thanh Navbar
VnTim™ ^-^ Thủ thuật ẩn thanh Navbar là 1 trong những thủ thuật cơ bản mà bất cứ ai muốn blog của mình pro hơn đều biết. Và thủ thuật này mình cũng đã giới thiệu với các bạn từ rất lâu rồi. Hôm nay mình tình cờ tìm được 1 thủ thuật khác để làm ẩn thanh Navbar này đi.
* Sau đây là các bước thực hiện :
1. Vào bố cục
2. Vào chỉnh sửa code HTML
3. Tìm đến dòng code <body> và chèn vào trước nó đọan code bên dưới :
<!--
4. Sau khi chọn save template, ngay lập tức 1 bảng thông báo sẽ hiển lên như bên dưới/*<body>*/
-->
5. Và như vậy thanh Navbar đã bị xóa hòan tòan khỏi blog của bạn.(ko tải về khi bạn xem blog)
- Trước kia, khi ẩn thanh Navbar thì các công cụ chỉnh sửa của blog như : Chỉnh sửa bài viết
, chỉnh sửa widget 
vẫn sẽ hiển thị khi bạn đăng nhập quyền Admin của blog, nhưng ở thủ thuật này thì nó sẽ không còn xuất hiện nữa. Chính vì vậy khi bạn muốn chỉnh sửa bài viết hay widget thì bạn phải thực hiện trong trang Admin của bạn.- Nếu như bạn không thích điều này, và muốn chỉ ẩn thanh Navbar còn các công cụ chỉnh sửa vẫn sử dụng được thì bạn chỉ việc khôi phục lại thanh Navbar, để làm điều này bạn chỉ việc làm ngược lại bước 3, tức là xóa code mà đã thêm ở bước 3.
---------------------------------
Tranhung09: Cụ thể, vị trí ở chỗ này:
</b:template-skin></head>
Vị trí chèn
<body expr:class='"loading" + data:blog.mobileClass'>
<div class='body-fauxcolumns'>
Tham khảo thêm các cách khác:
Theo: Singleboy
Đố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
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ẻ hoặc trước thẻ đóng </head>
Cách 1: Không cho hiển thị thanh Navbar
<style type='text/css'>
#navbar-iframe {
display: none;
}
</style>
Cách 2: Giảm độ cao của navbar xuống bằng 0
<style type='text/css'>
#navbar-iframe {
display: none;
}
</style>
Cách 3: Ẩn luôn thanh navbar
<style type='text/css'>
#navbar-iframe {
visibility: hidden;
}
</style>
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>
#navbar-iframe{
height: 0px;
visibility: hidden;
display: none;
}
</style>
Hủy bỏ và ẩn navbar trong Blogger Draft
- Tìm mã sau đây:Thêm vào bên dưới, dòng mã sau đây:
]]>hoặc:#navbar { display: none; }#navbar-iframe { display: none !important; } - Click on SAVE TEMPLATE to make the change effective. Nhắp chuột vào SAVE TEMPLATE để làm thay đổi hiệu quả.
Tìm kiếm với các dòng mã sau đây:
</style>
Sau đó, thêm dòng mã sau đây trước nó:
#navbar-iframe { display: none; }
Sau khi ẩn Bar Nav trong Blogger sử dụng Classic Template, có có xu hướng được một khoảng cách thay thế các thanh điều khiển. Khoảng cách có thể được trắng, đỏ, xanh lá cây, màu xanh, hoặc màu đen, phụ thuộc vào màu nền của bạn là những gì. Để loại bỏ các khoảng cách, tìm đoạn mã sau (thường ở gần đầu của HTML):
body {
Thêm vào sau như mã thẻ sau khi cơ thể:
position: relative;
top: -32px;
Nguồn:http://vntim.blogspot.com/
Chúc bạn thành công!
» Chúc các bạn có những giây phút vui vẻ.
» Bạn có thể viết nhận xét của mình ở khung nhận xét dưới đây.
» Xin cảm ơn những Comment thiện chi!