早期 Blogger 模板常在页面顶部显示一条 Navbar 导航栏。它方便登录和管理博客，但也可能与自定义页眉、品牌导航或移动端布局冲突。不同年代的 Blogger 主题处理方式并不一样，因此隐藏前应先判断自己使用的是旧版模板还是新版响应式主题。
Blogger 导航栏为什么会出现？
旧版 Blogger 模板通常包含名为 Navbar 的小工具；新版 Contempo、Soho、Emporio 等主题可能已不再显示传统 Navbar。如果页面顶部看到的其实是主题菜单或自定义 HTML，直接套用旧代码不会生效。
方法一：在布局中关闭 Navbar 小工具
- 登录 Blogger 后台，进入“布局”。
- 找到 Navbar 或导航栏小工具，打开设置。
- 如果界面提供“关闭”选项，选择后保存布局。
- 使用无痕窗口同时检查桌面端和移动端。
这是最稳妥的方法，因为它不会修改主题代码，也便于恢复。如果布局中没有 Navbar 项目，再考虑 CSS 方案。
方法二：通过 CSS 隐藏旧版 Navbar
进入“主题 → 自定义 → 高级 → 添加 CSS”，加入下面的规则：
#navbar, #navbar-iframe, .navbar { display: none !important; }
body { margin-top: 0 !important; }保存前建议在“主题”页面下载一份备份。若隐藏后顶部留下空白，可检查主题是否另有固定页眉间距，不要盲目删除整个 header 区域。
方法三：编辑 HTML 时需要注意什么？
只有当布局和 CSS 都无法解决时，才建议编辑主题 HTML。先搜索 Navbar、navbar-iframe 或对应的小工具 ID，确认代码属于 Blogger 系统导航，而不是站点自己的主菜单。删除前保存主题副本，修改后检查首页、文章页、标签页及手机视图。
常见问题
隐藏 Navbar 会影响搜索收录吗？
通常不会。Navbar 并不是正文或结构化数据的一部分，但应保留清晰的网站主导航、关于页面和联系方式。
为什么手机端仍然显示？
旧模板可能使用独立移动主题。请在移动预览中确认 CSS 是否被加载，或者关闭独立移动模板后使用响应式主题。
如何恢复？
删除新增 CSS、重新启用 Navbar 小工具，或上传修改前备份的主题文件即可。
如果你正在把旧博客迁移到独立站，还可以阅读本站的 AdSense 收款与站点运营指南。
原创文章，作者：Tech.laowang，如若转载，请注明出处：https://techlaowang.com/blogger/
