Автоматическое меню навигации из ярлыков Blogger

Здравствуйте, дорогие читатели!
Меню навигации под шапкой блога, которое не требовало бы внесения дополнительных названий и адресов ссылок перед установкой - давняя мечта многих вебмастеров, работающих на платформе Blogger.

Avtomaticheskoye menu iz yarlikov

Мысль использовать для этой цели статические страницы - не очень удачная. У статических страниц своё предназначение, о котором написано в статье "Необходимые элементы".


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

Теперь, благодаря автору блога MyBloggerTricks, эта проблема решена. Пусть бурное ликование  поклонников Blogger и всеобщая признательность будут ему наградой!

Новый виджет построен с использованием стандартных "Ярлыков" и автоматически добавляет в меню навигации имена и адреса ссылок.

Посмотреть, как это выглядит и проверить работоспособность можно на тестовом блоге.

Установить меню навигации из ярлыков Blogger
1. Заходим в Панель управления -- Дизайн -- Изменить HTML

2. Сохраняем резервную копию шаблона на жёсткий диск

3. Активируем флажок "Расширить шаблоны виджета"

4. С помощью Ctrl + F находим такой отрывок кода:

]]></b:skin>

и прямо перед ним вставляем код CSS из этой ссылки

Этот код отвечает за внешний вид меню. Для настройки его под персональный дизайн блога можно изменить такие параметры:

а) Цвет фона меню

background: #E1D4C1;

б) Цвет шрифта ссылок (в двух местах)

color: #333333;

в) Ширина полосы меню (в двух местах)

width: 960px;

г) Высота полосы меню

height: 35px;

д) Радиус закругления углов


-moz-border-radius:6px;
-webkit-border-radius:6px;


5. Сохраняем шаблон

6. Теперь находим в шаблоне вот такой отрывок:

<div id='content-wrapper'>

Если его нет - находим вот такой:

<div class='tabs-outer'>

7. Перед любым из этих отрывков вставляем код HTML из этой ссылки

8. Сохраняем.

Переходим на вкладку Дизайн -- Элементы страницы. Находим под шапкой и открываем виджет "Ярлыки" и настраиваем его следующим образом:




1. Если ярлыков не больше 10-ти - можем показать их все в меню навигации. Если больше - выбираем те, которые важнее показать читателям

2. Выбираем показывать как список

3. Сортировка по алфавиту, или частоте - на ваше усмотрение

4. Определитесь - показывать, или нет количество сообщений в ярлыке

5. Сохраняем и радуемся замечательному меню навигации!
 
Теперь посетители вашего блога точно не заблудятся!

Доброй охоты всем нам!

Ваш Retliff

Сергей Мазураш aka Retliff Блоггер со стажем. Стиль публикаций отличается простотой изложения и весёлым, ироничным подходом к самым серьёзным проблемам. Cпециализируется на создании и продвижении бесплатных блогов на платформе Blogger.



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

  1. Очень полезная штука! А я выбрала для себя шаблоны под ВП, у них это предусмотрено.

    ОтветитьУдалить
  2. Вот если бы система определяла еще подменю.
    Тоесть умела сама выделить главные ярлыки и как-то связать с ними зависимые.

    ОтветитьУдалить
  3. Как красиво и понятно все описано. Поэтому я и люблю к вам заходить. А еще вы сразу отвечаете на вопросы... Спасибо.

    ОтветитьУдалить
  4. Спасибо, друзья, за добрые слова!
    Увы, сразу отвечать на вопросы получается не всегда :( Но я стараюсь!-)

    ОтветитьУдалить
  5. Есть более простой способ создания автоматического меню из ярлыков.

    1. Создаем в блоггере страницы типа "веб-адреса" с названиями пунктов меню

    2. В поле адреса этих страниц вставляем ссылку на нужный вам ярлык

    3. Гаджет "Страницы" можно установить как сбоку (они будут иметь вид ссылок), так и вверху страницы под названием блога (в виде меню).

    ОтветитьУдалить
  6. @Twister Способ, о котором Вы говорите, описан в моей статье
    http://vsegenialno.blogspot.com/2012/06/staticheskiye-stranizi-v-blogger.html
    Однако он не совсем автоматический и не позволяет менять внешний вид страниц!:)

    ОтветитьУдалить
  7. Этот комментарий был удален администратором блога.

    ОтветитьУдалить
    Ответы
    1. Если Вам не трудно, перед тем, как написать комментарий - прочитайте правила комментирования. Иначе я, увы, вынужден буду Ваши сообщения удалять!:)

      Удалить
  8. Доброго дня. Сергей ещё раз я к вам с вопросом, вы пишите:
    1. Заходим в Панель управления -- Дизайн -- Изменить HTML
    2. Сохраняем резервную копию шаблона на жёсткий диск
    3. Активируем флажок "Расширить шаблоны виджета", а у меня нет таких флажков и даже похожих на них. Заранее спасибо.

    ОтветитьУдалить
    Ответы
    1. Лена! Если Вам не трудно - посмотрите дату первого комментария! Статья написана до изменения админпанели Blogger. Свяжитесь со мной через форму "Контакты" и я попробую Вам помочь!:)

      Удалить

Буду очень признателен за Ваши доброжелательные комментарии!
Любые попытки втянуть автора и читателей в дискуссию, а так же ссылки на посторонние ресурсы - будут удалены.
Всем любителям "конструктивной критики" рекомендую прочитать статью http://maxpastukhov.com/critics