388x60 Ads

Отображение и размещение Blogger Navbar

Добрый день, уважаемые читатели!    

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ГЕР



Подпишитесь В закладки НапечататьPrint Friendly and PDF


Вячеслав Вареня
Статус: seo-специалист | Контакты


11 коммент.:

wector комментирует... [Ответить]

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

БЛОGГЕР комментирует... [Ответить]

Пример отображения Blogger Navbar можно посмотреть на этом блоге. У вас Blogger Navbar почему то не перемещен вниз. Вы все делаете так, как написано?

wector комментирует... [Ответить]

да, но до этого navbar скрыт, сейчас поменял шаблон, все настройки сбросились,но такая же проблема над баром

БЛОGГЕР комментирует... [Ответить]

Сохраните перед редактированием ваш шаблон.
Попробуйте так. Найдите в шаблоне код:
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; }

wector комментирует... [Ответить]

нет ни одного похожего свойства

БЛОGГЕР комментирует... [Ответить]

Ну, а div с id="b-navbar-bg" есть?
Откройте исходный код вашего блога при помощи комбинации клавиш ctrl-u.
При помощи ctrl-f найдите id="b-navbar-bg"

КатеринаДжавадова комментирует... [Ответить]

Вячеслав, спасибо за ответ. А можете прокомментировать "страшилку" про кнопку "Сообщить о нарушении"? Что влечет за собой нажатие на нее? И, повторюсь, не следует ли мне рекомендовать друзьям все-таки спрятать ее во избежание?

БЛОGГЕР комментирует... [Ответить]

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

КатеринаДжавадова комментирует... [Ответить]

Спасибо! Порекомендую знакомым на всякий случай)

Анатолий Внук-Карпов комментирует... [Ответить]

Все работает отлично!
Большое спасибо автору!

БЛОGГЕР комментирует... [Ответить]

@Анатолий Внук-Карпов

Рад был помочь!
Почитайте и другие похожие темы.
В этом блоге много полезной информации.

Отправить комментарий