Добрый день, уважаемые читатели!
Blogger Navbar - это средство навигации, которое размещается по умолчанию на страницах blogspot.com. Подробнее читайте в Справке Blogger.
В тоже время, многих пользователей blogspot раздражает, то, что navbar по умолчанию размещен вверху вашего блога. По крайней мене, не всегда это вписывается в дизайн блога. По этому, многие ищут возможность для того, что бы перенести, скрыть или удалить Blogger Navbar в шаблоне своего блога.
Я хочу в этой теме рассказать вам, как переместить Blogger Navbar в футер вашего блога, а так же как сделать так, что бы navbar отображался только после наведения на него курсора.
Итак, решаем задачи в порядке очередности. Для начала переместим navbar в футер. Для внесения изменений в шаблон нужно нажать вкладку Дизайн, а в ней открыть вкладку Изменить HTML.
При этом, опция Расширить шаблоны виджета должна быть активирована.
Не забудьте сохранить ваш шаблон перед редактированием. При помощи комбинации горячих клавишь CTRL-F находим этот код ]]></b:skin> в вашем шаблоне и перед ним вставляете код:
#navbar-iframe {display:block;position: fixed;bottom: 0px;left: 0px; }
Сохраняем шаблон и смотрим, что получилось.
Точно так же решаем вопрос с отображением Blogger Navbar при наведении курсора. Находите этот же код ]]></b:skin> в вашем шаблоне и перед ним вставляете код:
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
Сохраняем шаблон и смотрим, что получилось.
Да прибудет с вами сила!
Ваш БЛОGГЕР
11 коммент.:
Вставил первую строчку кода она читается над панелью навигации , вставил остальные две внутренний код отображается также над панелью навигации?!?!
Пример отображения Blogger Navbar можно посмотреть на этом блоге. У вас Blogger Navbar почему то не перемещен вниз. Вы все делаете так, как написано?
да, но до этого navbar скрыт, сейчас поменял шаблон, все настройки сбросились,но такая же проблема над баром
Сохраните перед редактированием ваш шаблон.
Попробуйте так. Найдите в шаблоне код:
id="b-navbar-bg" style="z-index:-1">
Удалите style="z-index:-1"
Вместо
#navbar-iframe {display:block;position: fixed;bottom: 0px;left: 0px; }
Вставьте
# b-navbar-bg {display:block;position: fixed;bottom: 0px;left: 0px; }
нет ни одного похожего свойства
Ну, а div с id="b-navbar-bg" есть?
Откройте исходный код вашего блога при помощи комбинации клавиш ctrl-u.
При помощи ctrl-f найдите id="b-navbar-bg"
Вячеслав, спасибо за ответ. А можете прокомментировать "страшилку" про кнопку "Сообщить о нарушении"? Что влечет за собой нажатие на нее? И, повторюсь, не следует ли мне рекомендовать друзьям все-таки спрятать ее во избежание?
Я сам этой кнопкой не пользовался, но предполагаю, что она нужна для того, что бы вы могли сообщить Google о каком то нарушении, например, ваших авторских прав.
Лично я в большинстве своих блогов скрыл Navbar.
Спасибо! Порекомендую знакомым на всякий случай)
Все работает отлично!
Большое спасибо автору!
@Анатолий Внук-Карпов
Рад был помочь!
Почитайте и другие похожие темы.
В этом блоге много полезной информации.
Отправить комментарий