вторник, 18 мая 2010 г.

Удаляем "Панель навигации"(Navbar) из блога Blogger (blogspot.com)

Мой блог "Сказки на ночь" повзрослел немного, 5-го мая ему исполнился первый годок. Желание рассказать и написать про какие-то вещи возникало и до этого, но начал только после того, как столкнулся с проблемой, решение которой не смог найти в интернете.

Радует то, что блог читают и находят полезные советы для себя. В ближайший год планирую запустить несколько сервисов которые упростят жизнь или программистам, или блогерам. Возможно, вы уже встретили проблему, которую не смогли решить сами и не нашли решения в интернете, то обращайтесь, буду рад помочь!

С самого начала выбора платформы Blogger(blogspot.com), как основы для блога, у меня часто возникал вопрос: "Как удалить Панель навигации из блога Blogger?". Обычно каждый гаджет можно удалить войдя в режим редактирования ("Дизайн"->"Элементы страницы"->кнопка "Изменить"), но почему-то "Панель навигации" одна из числа "особенных" :(.

Как оказалось, удалить "Панель навигации" можно довольно простым способом. Для этого переходим в меню "Дизайн"->"Изменить HTML", находим открывающийся тех body ("<body>") и перед ним добавляем следующий HTML

<script type='text/javascript'> 
<![CDATA[ 
<!-- 
/*<body>*/ 
--> 
]]> 
</script>


Жмем "Сохранить шаблон" и на экране будет отображено следующее окно
Для окончания удаления "Панель навигации" необходимо нажать "Удалить виджет". Если вам все же захотелось вернуть ее назад, то просто уберите вставленный HTML код из шаблона.

В старых шаблонах может возникнуть проблема с дизайном, придется шаманить!

UPD 02.2016: Структура шаблона Blogger была изменена. Для того чтобы убрать панель заходим в меню Шаблон -> Изменить шаблон. Находим и удаляем следующую секцию:
<script type='text/javascript'> 
<b:widget id='Navbar1' locked='true' title='Панель навигации' type='Navbar'>
      <b:includable id='main'>...
...
...
</b:includable>
    </b:widget>
Так же обычно нужну изменить отступ от края экрана, для этого находим и меняем следующую строчку
<Variable name="content.margin" description="Content Margin Top" type="length" default="20px" min="0" max="100px" value="20px"/>
на
<Variable name="content.margin" description="Content Margin Top" type="length" default="20px" min="0" max="100px" value="0px"/>

Как добавить пост в Blogger после удаления панели навигации?

Для входа в панель управление блогом просто переходить на главную страницу Blogger - http://blogger.com. Дальше выбираем нужный блог и добавляем пост.
Пробуйте и наслаждайтесь!

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

  1. А как вернуть панель навигации???

    ОтветитьУдалить
  2. Удаляешь добавленный тобой кусок html и панель появится снова!

    ОтветитьУдалить
  3. А как удалить случайно установленный гаджет Twitter Updates 2.2.1: FeedWitter???

    ОтветитьУдалить
  4. Для удаления гаджета заходишь в меню "Дизайн->Элементы страницы", находишь в списке свой гаджет, жмешь "Изменить", а в открывшемся окне нажимаешь кнопку "Удалить".

    Бывают случаи, когда гаджета нету в списке Элементов страницы. В этом случае его придется искать в html-е шаблона. Заходим в меню "Дизайн->Изменить HTML", ставим галку "Расширить шаблоны виджета" и ищем необходимый html код установленного гаджета. ВНИМАНИЕ: перед экспериментом сохрани текущий шаблон на диск используя ссылку "Загрузить весь шаблон".

    ОтветитьУдалить
  5. Спасибо, отличный способ!

    ОтветитьУдалить
  6. Как правильно удалить или сдвинуть в сторону "поиск" на блоге? Просто он перекрывает созданную страницу, точнее кнопку вверху

    ОтветитьУдалить
  7. >Как правильно удалить или сдвинуть в сторону "поиск" на блоге?
    Если ты имеешь ввиду поиск на панели навигации, то можно или удалить всю панель навигации или скрыть поиск с помощью css стиля.

    Если приведешь ссылку на страницу и обратный email, то постараюсь помочь (воспользуйся формой обратной связи).

    ОтветитьУдалить
  8. подскажите, пож-та, а как же все-таки вернуть панель навигации. Она внезапно пропала, а она мне очень нужна. Подскажите код?

    ОтветитьУдалить
  9. В исходном html ищи секцию /*<body>*/ и удаляй согласно статье...

    ОтветитьУдалить
  10. Хорошо, удалили "Панель навигации", теперь вопрос, как публиковать сообщения и перейти к настройкам блога?

    ОтветитьУдалить
  11. tislic, Используй прямые ссылки :)
    http://draft.blogger.com/home (панель управления)

    ОтветитьУдалить
  12. Я убираю, а он пишет: Шаблон недействителен. Он должен иметь правильный формат и соответствовать указаниям Blogger по выбору языков для шаблона.

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