在使用 Blogger 建立博客的过程中，许多博主可能会遇到一个问题——如何隐藏 Blogger 导航栏。虽然在网上可以找到一些教程，但是大多数都涉及到添加代码，却始终找不到在哪里插入这些代码。经过一番摸索，我终于成功隐藏了 Blogger 导航栏，今天就把这个操作过程整理出来，分享给大家。
为什么要隐藏 Blogger 导航栏？
Blogger 默认的导航栏虽然有其便捷之处，但有时它可能会影响页面的整体美观，或者某些博主希望提供更简洁的用户体验。而且，隐藏导航栏还可以防止恶意举报，尤其是当你的博客内容涉及敏感话题或较为个性化时，隐藏导航栏能够减少不必要的麻烦。
图中选择你的主题 然后右上角右键选择 编辑 HTML
图中中部 body前面添加 代码即可
我是添加的的方法2的方法
希望可以给你带来帮助
======================================================
方法1,在 CSS 里“body”前添加如下代码:
#navbar-iframe {display:none !important;}
方法2,在 CSS 里“body”前添加如下代码(彻底隐藏,上面不留空隙)：
#b-navbar,
#navbar,
#Navbar1,
#space-for-ie {height: 0px;visibility: hidden;display: none;}
body #header {margin-top: 0px !important;}
#navbar-iframe {display: none;}
方法3,在 CSS 里“body”前添加如下代码(滑动隐藏):
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
方法4,在 CSS 里“body”后#Page前添加如下代码:
.Navbar {
visibility:hidden;
display: none;
}
方法5,在模版设置里面添加一个”HTML/JavaScript” Element,然后写入代码（滑动隐藏）:
<script src=”http://blogger-ext2.googlecode.com/files/jquery.pack.js” type=”text/javascript”></script>
<script src=”http://blogger-ext2.googlecode.com/files/blogger_ext2-core-0.6.3.pack.js” type=”text/javascript”></script>
<script>
// Blogger NavBar// true = 隱藏 false = 不隱藏
BloggerExtOptions.hide_navbar = true;
// Blogger NavBar// true = hover
BloggerExtOptions.fade_navbar = true;
</script>
另:地址栏和收藏夹添加自定义图标代码（ICO文件):
<link rel=”Shortcut Icon” href=”图标地址”>
<link rel=”Bookmark” href=”图标地址”>
提示：如何重新显示导航栏？
如果你以后想重新显示导航栏，只需要删除或注释掉刚才添加的 CSS 代码，保存修改后，导航栏就会恢复显示。
总结
通过以上几步，你就能轻松隐藏 Blogger 导航栏，给你的博客页面带来更简洁的外观。这个方法不仅适用于想要美化页面的博主，也有助于减少因导航栏引起的恶意举报问题。如果你有任何问题或者有更好的方法，欢迎在评论区分享讨论！
原创文章，作者：Tech.laowang，如若转载，请注明出处：https://techlaowang.com/blogger/
