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



Thủ thuật lần trước (có thể xem thêm ở đây) là ẩn thanh navbar. Đúng với tên gọi của thủ thuật, thanh Navbar vẫn tồn tại ở trên blog của bạn, nhưng nó chỉ bị ẩn đi, tức là blog vẫn load thanh Navbar,và các công dụng của nó vẫn còn trên blog. Còn ở thủ thuật lần này ta sẽ xóa hẳn thanh Navbar.
* 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 :

<!--
/*<body>*/
-->
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

và các bạn chọn Delete Wigets để xóa nó đi.
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 Xóa hoàn toàn thanh Navbarchỉnh sửa widget edit widget - mothuthuat.com 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='&quot;loading&quot; + 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

☼ 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ẻ 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>





Còn một cách nữa của Mydigitallife - xoá triệt để hơn
(Tranhung09 đã áp dụng):
Hủy bỏ và ẩn navbar trong Blogger Draft 

  1. Tìm  mã sau đây:
    ]]>
    Thêm vào bên dưới, dòng mã sau đây:
    #navbar { display: none; }
    hoặc:
    #navbar-iframe { display: none !important; }
  2. Click on SAVE TEMPLATE to make the change effective. Nhắp chuột vào SAVE TEMPLATE để làm thay đổi hiệu quả.
Hủy bỏ và ẩn navbar trong Blogger Classic
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!
Chia sẻ bài viết :

» Cảm ơn các bạn đã ghé thăm Trang thông tin cá nhân.
» 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!
:

 
Liên hệ : Đường Chư rcăm | 0977.103.384 | Chư rcăm | Krông Pa | Gia Lai
© 2013. TRANG GIẢI TRÍ CÁ NHÂN, ĐƯỜNG CHƯ RCĂM, KRÔNG PA, GIA LAI - All Rights Reserved
Xem tốt bằng trình duyệt Chrome hoặc Firefox
Được thiết kế trên Blogger