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

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

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


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

Теперь, благодаря автору блога 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.

Твитнуть