Как убрать панель навигации в Blogger?

На самом деле, решение проблемы с панелью навигации в Blogger не особо востребовано. Новички не заостряют на этом внимание, а продвинутые пользователи могут найти решение и самостоятельно. Тем не менее, я решил написать эту статью, хотя бы для того, чтобы в дальнейшем давать ссылку на устранение одной из наиболее распространенных ошибок.

Панель навигации на Blogger

Для начала давайте разберём, о чем собственно идёт речь. Панель навигации – это один из элементов блогов на Blogger. Он отображается вверху блога и содержит ряд элементов навигации. В частности, форму поиска по блогу средствами сервиса Blogger, ссылки: «Следующие блог», «Создать блог» и «Войти». У авторизованных пользователей, вместо двух последних ссылок отображаются e-mail и ссыдки: «Панель инструментов» и «Выйти». Вот как может выглядеть панель навигации на блоге:

панель навигации на блогах в blogger

Самым же примечательным здесь является список «Ещё», который содержит функции позволяющие поделиться записью по эл. почте, на Facebook и в Twitter, а главное «Сообщить о нарушении».

список ещё на панели навигации блогов в blogger

Казалось бы, ничего страшного в этом нет, но так ли это? В Blogger очень серьезно относятся к нарушениям условий предоставляемых услуг. После рассмотрения жалобы специалисты службы Blogger вполне могут и удалить блог. Безусловно, если ваш недоброжелатель захочет вам навредить, а у него есть время и средства, он это сделает. В тоже время, зачем лишний раз провоцировать? В конце-концов: спасение утопающего дело рук самого утопающего.

К слову, форму поиска вполне можно разместить в сайдбаре (одной из боковых колонок блога), что будет куда как удобней и практичней. Кнопки «поделиться» тоже уже есть по умолчанию, но можно воспользоваться и гаджетом специальных сервисом, например UpToLike. Не стоит забывать и о том, что панель навигации создаёт дополнительные ссылки на блоге, что не есть хорошо. Да и вообще, не всякому дизайну это всё подходит.

Убираем с блога на Blogger панель навигации

Всё это понимаете вы, это же понимают и разработчики Blogger. Поэтому убрать в блоге на Blogger панель навигации не составляет особого труда. Для этого перейдите в раздел «Дизайн» своего блога. Найдите элемент «Панель навигации» (он обычно находится в правом верхнем углу) и кликните ссылку «Изменить».

настройка панели навигации в дизайне блога на blogger

В появившемся окне «Настройка Navbar» выберите вариант «Выключено» и нажмите кнопку «Сохранить».

Убираем с блога на Blogger панель навигации

Элемент «Панель навигация» исчезнет со страниц вашего блога.

Как убрать отступ под Navbar?

Несмотря на то, что панель навигации удалена, область для неё осталась. В блогах на Blogger изначально подключается дефолтный (по умолчанию) CSS, который производит основные внешние изменения дизайна, в том числе и выделение отступа под DIV с атрибутом id="navbar". Для того чтобы исправить данную ситуацию есть два основных варианта решения, которые завязаны на простом действии – спрятать область средствами CSS.

Убрать navbar через дизайнер шаблонов в Blogger

Если на своём блоге в Blogger вы используете шаблон, который поддерживает настройки через дизайнер шаблонов, воспользуйтесь им. Для этого перейдите в раздел «Шаблон» вашего блога и нажмите оранжевую кнопку «Настроить».

настройка шаблона блога в дизайнере шаблонов на blogger

В открывшемся дизайнере шаблонов Blogger, перейдите в раздел «Дополнительно», а потом в подраздел «Добавить CSS». Возможно, что в появившемся поле вы уже что-то указали, но это не суть важно. Главное, что вам нужно добавить в него всего одну дополнительную строку:

Убрать navbar через дизайнер шаблонов в Blogger

Не забудьте нажать кнопку «Применить к блогу».

Убрать navbar в HTML-коде шаблона, секции b:skin

Второй вариант более прямолинеен и требует повышенного внимания, т.к. изменения будут вносить в код самого шаблона блога. В принципе, вы всегда можете воспользоваться резервным копированием и восстановлением шаблона, а сама задача не отличается особой сложностью.

В общем, перейдите в раздел «Шаблон» вашего блога на Blogger. Если надо сделайте резервную копию шаблона, нажав кнопку «Резервное копирование и восстановление» и следуйте дальнейшим указаниям, которые я опущу. Далее нажмите кнопку «Изменить HTML».

редактирование HTML-кода шаблона блога на blogger

В появившемся окне редактирования вам нужно найти секцию b:skin. По умолчанию она может быть свёрнута. На поле с нумерацией строк будет черная стрелочка вправо – кликните её и разверните секцию.

Убрать navbar в HTML-коде шаблона, секции b:skin

В развернутом виде секция будет содержать шаблонные переменный (если такие есть) и CSS-код. Чтобы не усложнять вам задачу, предлагаю спуститься к закрывающему тегу:

]]></b:skin>

и перед ним вставить следующую строку:

#navbar { display: none }

Нажмите кнопку «Сохранить шаблон».

Жизнь без панели навигации

Подведём итоги сказанного. Панель навигации (navbar) штука в целом полезная, но провокационная. На мой взгляд, лучше использовать альтернативные методы навигации и отключить саму панель. Оставшийся отступ можно убрать средствами CSS. Примечательно, что довольствоваться только одним CSS-скрытием будет не правильно и панель всё-таки надо именно отключить в настройках дизайна блога на Blogger. На этом у меня всё. Спасибо за внимание. Удачи!

Aneko NekoTyan
Aneko NekoTyan комментирует...

Очень помогла ваша статья настроить блог.