6

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


Друзья, приветствую Вас на страницах моего блога! Сегодня хочу объявить о запуске нового раздела статей под названием «Blogger’оводство». В рамках этого раздела я буду публиковать статьи, полезные советы и инструкции по модификации и доработке шаблона блога на платформе Blogger. И я, и многие другие блоггеры, предпочитаем именно платформу Blogger по причине ее удобства и возможности быстрой привязки блога к домену второго уровня. Другое дело, что стандартные средства Blogger не оставляют большого простора для творчества и возможности по «украшательству» блога и расширению его функционала весьма ограничены.
К счастью есть возможность «поковыряться» в шаблоне Blogger’а и хорошенько его переработать. Я понимаю, что немногие хорошо знают HTML и CSS, поэтому постараюсь писать статьи в формате максимально простых и понятных инструкций. У Вас блог на Blogger? Тогда за дело!
Как убрать (скрыть) панель навигации Blogger
Сегодня предлагаю Вашему вниманию первую статью, которая ответит на вопрос – как убрать в Blogger панель навигации (Navbar). Речь идет о той горизонтальной полоске, которая выводится сверху любого блога созданного на платформе Google, и содержит строку поиска, ссылка на панель инструментов и т.д. Зачем ее убирать? Во-первых, эта полоса «выдает» принадлежность сайта к платформе Blogspot, а это не всем нравится. Во-вторых, панель навигации занимает место, которое, если ее убрать, можно использовать, например, для расширения «шапки» блога или размещения рекламной строки Nolix.
Итак, читаем как убрать панель навигации Blogger (Navbar) из своего блога.

Чтобы расставить все точки над i, давайте еще раз взглянем на объект подлежащий ликвидации – панель навигации (Navbar). Если кого-то одолеваю сомнения, спешу Вас уверить – восстановить панель навигации Blogger (Blogspot) очень просто, а от того, что она исчезнет с «лица» Вашего блога, Вы ничего не потеряете, а только выиграете.
Панель навигации (Navbar) Blogger
Панель навигации (Navbar) Blogger - объект предстоящей ликвидации :)
Чтобы убрать совсем или временно спрятать панель навигации Blogger нам потребуется перейти в раздел «Шаблон» панели управления. Там кликаем по кнопке «Изменить HTML». Откроется окно редактора HTML-кода. То, что нам нужно! Только не забудьте прежде сделать резервную копию шаблона! На всякий случай.
Редактор HTML
Редактор HTML
Переходим к ликвидации панели навигации. Тут возможны два варианта: скрыть Navbar и удалить ее совсем. Рассмотрим оба варианта.
1. Как скрыть панель навигации (Navbar) 
Делается это легко и просто. Первым делом ищем вот такой фрагмент кода: ]]></b:skin> Для поиска воспользуйтесь «горячей» комбинацией клавиш Ctrl + F. Найдя требуемый фрагмент, прямо перед ним вставьте следующий CSS-код:
#navbar-iframe,#navbar { display: none !important; }
Все, далее остается нажать кнопку «Сохранить шаблон» и панель навигации Blogger исчезнет. Если в дальнейшем Вы решите ее вернуть, просто удалите данную строчку.
Прячем панель навигации Blogger
Скрываем панель навигации Blogger
2. Как полностью удалить панель навигации Blogger 
Это также несложно сделать. Все в том же редакторе HTML, в разделе «Шаблон» ищем секцию кода отвечающего за отображение панели навигации. Скорее всего, он будет выглядеть так:
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='false' title='Панель навигации' type='Navbar'/>
</b:section>
Найдя этот код, просто удалите его. Как вариант, чтобы можно было восстановить Navbar, данный фрагмент кода не удаляйте, а закомментируйте, поместив его между тегами <!-- и --> 
Удаляем панель навигации Blogger
Удаляем панель навигации Blogger или убираем код в комментарии
Вот и все, сохраните модифицированный шаблон. Как видите ничего сложного!
P.S. Есть и более простой способ избавиться от панели навигации (правда не лишенный одного маленького недостатка). Может кто-нибудь скажет что это за способ? :)

С уважением, Григорий.

Внимание! Перепечатка и копирование материалов статьи допускаются только при указании прямой индексируемой ссылки на первоисточник: (c) Блог "1000 и 1 способ заработка в Интернете".
Поделиться с друзьями:
Подписаться на новости:

6 комментариев:

Наталья пишет:

Григорий спасибо!!! Сейчас полезу в HTML %-)

Анонимный пишет:

чет мне кажется в "дизайне" на стандартных шаблонах такая функция есть

Григорий Рудко отвечает:

Наталия, не за что! Вижу все получилось :) Как у Вас дела? Как работа над блогом продвигается? Добавили LinkWithin? Тоже хороший плагин, только у меня он со временем начал "глючить", пришлось сменить на нынешний.

Григорий Рудко отвечает:

Точно Павел! (b) Единственное, что если отключить в "Дизайне", будет пустое место вверху, а если вообще код вырезать или закомментить - этой проблемы не будет.

Queen Alice Toys пишет:

Спасибо! Очень подробно и понятно, с легкостью удалила navbar. А вы не знаете случайно, как избавиться от /p/ для страниц блога в блоггере? Чтобы ссылочки были красивей? То есть чтобы вместо http://www.queenalicetoys.com/p/barbie.html получалось после com/barbie.html?
Буду признательна, если подскажете какой-то трюк.

Григорий Рудко отвечает:

Рад, что моя статья Вам помогла!
Изменить структуру ссылок на страницы блога скорее всего нельзя. Движок платформы blogger на это видимо не рассчитан.

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

Внимание! Быстрый ответ не гарантирован. Не публикуются комментарии содержащие предложения купли / продажи, спам, мат, контактные данные и бессодержательные сообщения.