10 февраля 2013

Сделать выпадающий Navbar в Blogger

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

Рассмотрим способ, как сделать выпадающий Navbar в Blogger.




Чтобы использовать Панель навигации Blogger, но чтобы при этом Navbar был незаметен, а появлялся только при наведении на него, для этого делаем выпадающий Navbar в Blogger, добавив CSS стиль.
Есть два варианта куда можно вставить CSS стиль, чтобы сделать Navbar в Blogger выпадающим.

Вариант первый и самый удобный.
Переходим в "Шаблон" - "Настроить" - "Дизайнер шаблонов" - выбираем меню "Добавить CSS"



и в окно "Добавить персональную таблицу CSS" вставляем этот CSS стиль:
#navbar-iframe {
  opacity: 0;
}

#navbar-iframe:hover {
  opacity: 0.5;
}

Нажимаем "Применить к блогу"

Второй вариант где можно разместить CSS стиль, чтобы сделать Navbar в Blogger выпадающим.
В настройках шаблона нажимаем "Изменить HTML" ставим галочку "Расширить шаблоны виджета", находим строку:
]]></b:skin>

и прямо над ней вставляем вышеуказанный код.

Второй вариант идентичен первому с некоторой разницей, к примеру если вы всё сделаете, как в первом варианте, то и над строкой ]]></b:skin> уже будет находиться вставленный ранее CSS стиль, но если последуете второму варианту, то в окне персональной таблицы CSS, его не будет. Поэтому первый вариант предпочтительней, так как все CSS стили которые вы будете добавлять впоследствии, будут в одном месте и их легко можно будет найти и отредактировать.

Сделать выпадающий Navbar в Blogger.

1 комментарий:

  1. Анонимный08.08.2014, 8:13

    Большое спасибо! Все получилось с первого раза! С помощью автора блога убрала полностью Navbar вот таким способом:

    Заходим в Дизайн > Панель навигации > Изменить > открывается рамка настройки Navbar, выбираем последний вариант "Выключено". И все!

    ОтветитьУдалить