Как убрать navbar в Blogger

Рубрика: Практика и кейсы | Время на чтение: 2 мин.

Для удобства редактирования информации в Blogger-е есть такой удобный элемент, как navbar – небольшая панель, отображаемая над шапкой вашего блога. Иногда возникает необходимость в сокрытии навбара. Для чего? Он может не подходить под общий дизайн блога. Ещё этот элемент могут использовать конкуренты, т.к. при нажатии на ссылку в нём “сообщить о нарушении“, у вас могут возникнуть проблемы с Google.

Есть несколько вариантов решения этой проблемы.

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

2. Navbar можно “спрятать”. Фактически он будет, но посетители его не увидят. Для этого идём на вкладку “Дизайн” -> “Изменить HTML” и ищем перед закрывающимся тегом </head> строчку:

]]></b:skin>

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

#navbar-iframe {
display: none;
}

Сохраните шаблон и проверьте его работоспособность.
Если при этом вам очень не хватает функции прямого перехода с блога в панель управления, вы можете в удобном для вас месте на блоге поместить кнопочку входа.
Для этого создаём в шаблоне элемент “HTML/JavaScript” и вставляем в него код:

<a style=”border: 2px solid navy; padding: 2px; text-decoration: none;” href=”https://seo-aspirant.ru/site”>ВХОД</a>

Вместо “site” вставляем адрес своего блога. navy – это цвет рамки.

3. Ещё существует такое решение, при котором navbar отображаться постоянно не будет, но при наведении мышки на место его должного расположения, он появится, как выпадающее меню.
Аналогично второму пункту, перед строкой: