How to Remove and Hide Blogger NavBar (Top Navigation Bar) Làm thế nào để Hủy bỏ và ẩn Blogger navbar (Top Navigation Bar)

When browsing Blogger powered weblogs hosted on blogspot.com domain or custom domain, there is always a NavBar (Navigation Bar or Banner) that appears on top of the blog. Khi duyệt Blogger weblog powered lưu trữ trên blogspot.com miền hoặc tên miền tuỳ chỉnh, luôn luôn có một Navbar (Navigation Bar hoặc Bảng quảng cáo) xuất hiện trên đầu trang của blog. The Blogger NavBar contains Search Blog textbox, Flag Blog to notify Blogger about objectionable contents on the blog, Next Blog link to visit another blog randomly, plus links to create a blog or sign in to Blogger. Các Navbar Blogger có chứa textbox Blog Search, Cờ Blog để thông báo cho Blogger về nội dung bị phản đối trên blog, Tiếp Blog liên kết đến thăm một blog ngẫu nhiên, cộng thêm các liên kết để tạo một blog hoặc đăng nhập vào Blogger.

No many visitors nor bloggers themselves may find it useful though. Không có nhiều du khách cũng không phải blog mình có thể tìm thấy nó hữu ích mặc dù. It's possible to hide and remove the NavBar with a little CSS hack. Có thể giấu và loại bỏ các navbar với một chút CSS hack. The trick will not interfere or mess up with the custom layouts that webmaster has designed, and pretty safe and easy to implement. Các trick sẽ không can thiệp hoặc mess lên với các tuỳ chỉnh bố cục quản trị trang web đã thiết kế, và đẹp, an toàn và dễ thực hiện. In fact, if you're publishing the Blogger blog to own custom domain with FTP or SFTP, it's possible to turn off NavBar. Trong thực tế, nếu bạn xuất bản blog Blogger sở hữu tên miền tuỳ chỉnh với FTP hoặc SFTP, có thể tắt navbar.

Turn Off and Disable NavBar in Blog Published by FTP or SFTP Turn Off và Disable navbar trong Blog Được đăng bởi FTP hay SFTP

1. Login to Blogger. Đăng nhập vào Blogger.
2. On the Blogger Dashboard, click on the Template link of the blog that you want to disable its NavBar. Vào Bảng điều khiển Blogger, nhấp vào liên kết tới Tiêu bản của blog mà bạn muốn vô hiệu hóa navbar của nó. You can also click Customize on NavBar while visiting your blog. Bạn cũng có thể nhấn Customize trên navbar trong khi truy cập vào blog của bạn.

   

3. The Edit HTML page under Template tab should be loaded. Chỉnh sửa mã HTML của trang theo Tiêu bản tab nên được nạp. Click on the drop down box beside Change the Blogger NavBar and select Off . Bấm vào hộp thả xuống bên cạnh Thay đổi navbar Blogger và chọn Tắt.

   

4. Click on SAVE TEMPLATE CHANGES button when done. Bấm vào nút SAVE TEMPLATE THAY ĐỔI khi thực hiện xong.

Remove and Hide NavBar in Hủy bỏ và ẩn navbar trong Blogger Widget Template Widget Blogger Template

1. Sign in to Blogger. Đăng nhập vào Blogger.
2. On the Blogger Dashboard, click on the Layout link of the blog that you want to disable its NavBar. Vào Bảng điều khiển Blogger, nhấp vào liên kết Giao diện của blog mà bạn muốn vô hiệu hóa navbar của nó. You can also click Customize on NavBar while visiting your blog. Bạn cũng có thể nhấn Customize trên navbar trong khi truy cập vào blog của bạn.

   

3. Under the Layout tab, click on Edit HTML tab to view the template's HTML code. Dưới tab Giao diện, bấm vào tab Chỉnh sửa HTML để xem mã HTML của mẫu.

   

4. Search for the following line of code: Tìm kiếm với các dòng mã sau đây:

   ]]>

   Before the line, add in the following line of code: Trước khi dòng, thêm vào dòng mã sau đây:

   #navbar { display: none; }

   or: hoặc:

   #navbar-iframe { display: none !important; }

5. Click on SAVE TEMPLATE to make the change effective. Nhấp vào SAVE template để thực hiện các thay đổi có hiệu quả.

Remove and Hide NavBar in Blogger Classic Template Hủy bỏ và ẩn navbar trong Blogger Classic Template

1. Login to Blogger. Đăng nhập vào Blogger.
2. On the Blogger Dashboard, click on the Template link of the blog that you want to disable its NavBar. Vào Bảng điều khiển Blogger, nhấp vào liên kết tới Tiêu bản của blog mà bạn muốn vô hiệu hóa navbar của nó. You can also click Customize on NavBar while visiting your blog. Bạn cũng có thể nhấn Customize trên navbar trong khi truy cập vào blog của bạn.

   

3. The Edit HTML page under Template tab should be loaded. Chỉnh sửa mã HTML của trang theo Tiêu bản tab nên được nạp. If not, go to the tab. Nếu không, hãy vào tab.
4. Search for the following line of code: Tìm kiếm với các dòng mã sau đây:

   </style>

   Then, add the following line of code before that line: Sau đó, thêm dòng mã sau đây trước khi có dòng:

   #navbar-iframe { display: none; }

   The Blogger Classic Template uses iframe to load the NavBar, and styles it with ID named navbar-iframe. Blogger Classic Tiêu bản sử dụng khung nội tuyến để nạp navbar, và phong cách nó với ID tên là navbar-iframe. The name actually also works for new Blogger Widget Template too. Tên gọi này thực sự cũng làm việc cho Blogger mới Widget Tiêu quá.

5. After hiding the Nav Bar in Blogger using Classic Template, there tends to be a gap that replaces the navigation bar. 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ế trên thanh menu. The gap may be white, red, green, blue, or black in color, depends on what is your background color. Khoảng cách có thể được trắng, đỏ, xanh lá, xanh, hoặc màu đen, phụ thuộc vào màu nền của bạn là gì. To remove the gap, find the following code (normally near the top of the HTML): Để xoá khoảng cách, tìm đoạn mã sau (thường ở gần đầu của HTML):

   body {

   Add in the following like of code after the body tag: Thêm vào sau như mã thẻ sau khi cơ thể:

   position: relative;
top: -32px;

6. Click on SAVE TEMPLATE CHANGES button when done. Bấm vào nút SAVE TEMPLATE THAY ĐỔI khi thực hiện xong.

Tip: To display and show NavBar again, just remove and delete the additional codes that have been added. Mẹo: Để hiển thị và hiển thị navbar một lần nữa, chỉ cần loại bỏ và xóa các mã số bổ sung đã được thêm vào.

IMPORTANT : The page is machine translated and provided "as is" without warranty. Quan trọng: Sửa là máy dịch và cung cấp "như là" không có bảo hành. Machine translation may be difficult to understand. Máy dịch thuật có thể khó hiểu. Please refer to Vui lòng tham khảo original English article bản gốc tiếng Anh bài viết whenever possible. bất cứ khi nào có thể.

Related Articles Bài viết liên quan

• How to Remove and Hide “Libraries” Group from Navigation Pane of Windows 7 Explorer Làm thế nào để Hủy bỏ và ẩn "Thư viện" Nhóm từ Danh mục Cửa sổ của Windows Explorer 7
• How to Delete Blogger Blog Làm thế nào để Xóa Blogger Blog
• Add Page Number (with First and Last Page) Navigation Link for Blogger (Blogspot) with Gadget Element and Manual Hack Thêm Trang Số (với đầu và cuối Trang) Danh mục Liên kết cho Blogger (Blogspot) với tiện ích Element và hướng dẫn sử dụng Hack
• Add and Insert to Put Google AdSense Ads Units Between Blog Posts in Blogger.com Thêm và Insert để Đặt Quảng cáo của Google AdSense Đơn vị Từ Blog Bài viết trong Blogger.com
• How to Wrap AdSense Ads Around and Inline Beside Blogger Post Content Làm thế nào để quảng cáo AdSense của Wrap Around và Inline Ngoài Blogger Post Nội dung
• Block, Hide and Remove Windows Live Mail Ads Block, ẩn và Remove Windows Live Mail Quảng cáo
• Implement Ad Revenue Sharing in Blogger (Supports Google AdSense And Any Code) Quảng cáo Doanh thu thực hiện Chia sẻ trong Blogger (Hỗ trợ của Google AdSense Và Bất kỳ Mã)
• Move Blogger Inline Ads Between Posts to Inside Within Post Position Blogger di chuyển nội tuyến Quảng cáo Từ bài viết để Bên Trong Đăng Chức
• How to Hide or Show Libraries in the Navigation Pane of Windows 7 Explorer Làm thế nào để ẩn hoặc hiển thị thư viện của Cửa sổ Danh mục chính của Windows Explorer 7
• Workaround to Add Custom Channels into Blogger AdSense Page Element Widget Workaround để Thêm Kênh Tùy vào Blogger AdSense Trang Element Widget

This entry was posted on Monday, January 12th, 2009 at 3:45 am and is filed under Mục nhập này đã được đăng trên Thứ Hai 12 Tháng 1, 2009 at 3:45 và là đệ dưới Weblogs Weblogs . . You can follow any responses to this entry through the Bạn có thể làm theo bất kỳ phản ứng với cụm từ này qua RSS 2.0 RSS 2.0 feed. You can thức ăn. Bạn có thể leave a response để lại một phản ứng , or , Hoặc trackback Trackback from your own site. từ trang web của riêng bạn.