Автоматическое меню навигации из ярлыков Blogger
Здравствуйте, дорогие читатели!
Меню навигации под шапкой блога, которое не требовало бы внесения дополнительных названий и адресов ссылок перед установкой - давняя мечта многих вебмастеров, работающих на платформе Blogger.
Мысль использовать для этой цели статические страницы - не очень удачная. У статических страниц своё предназначение, о котором написано в статье "Необходимые элементы".
Все варианты горизонтального меню, которые предлагают разработчики в Интернете, имеют один существенный недостаток - их настройка и адаптация под конкретный блог требуют слишком много усилий и времени.
Теперь, благодаря автору блога MyBloggerTricks, эта проблема решена. Пусть бурное ликование поклонников Blogger и всеобщая признательность будут ему наградой!
Новый виджет построен с использованием стандартных "Ярлыков" и автоматически добавляет в меню навигации имена и адреса ссылок.
Посмотреть, как это выглядит и проверить работоспособность можно на тестовом блоге.
Установить меню навигации из ярлыков Blogger
1. Заходим в Панель управления -- Дизайн -- Изменить HTML
2. Сохраняем резервную копию шаблона на жёсткий диск
3. Активируем флажок "Расширить шаблоны виджета"
4. С помощью Ctrl + F находим такой отрывок кода:
и прямо перед ним вставляем код CSS из этой ссылки
Этот код отвечает за внешний вид меню. Для настройки его под персональный дизайн блога можно изменить такие параметры:
а) Цвет фона меню
background: #E1D4C1;
б) Цвет шрифта ссылок (в двух местах)
color: #333333;
в) Ширина полосы меню (в двух местах)
width: 960px;
г) Высота полосы меню
height: 35px;
д) Радиус закругления углов
-moz-border-radius:6px;
-webkit-border-radius:6px;
5. Сохраняем шаблон
6. Теперь находим в шаблоне вот такой отрывок:
Если его нет - находим вот такой:
7. Перед любым из этих отрывков вставляем код HTML из этой ссылки
8. Сохраняем.
Переходим на вкладку Дизайн -- Элементы страницы. Находим под шапкой и открываем виджет "Ярлыки" и настраиваем его следующим образом:
1. Если ярлыков не больше 10-ти - можем показать их все в меню навигации. Если больше - выбираем те, которые важнее показать читателям
2. Выбираем показывать как список
3. Сортировка по алфавиту, или частоте - на ваше усмотрение
4. Определитесь - показывать, или нет количество сообщений в ярлыке
5. Сохраняем и радуемся замечательному меню навигации!
Теперь посетители вашего блога точно не заблудятся!
Доброй охоты всем нам!
Ваш Retliff
Твитнуть
Меню навигации под шапкой блога, которое не требовало бы внесения дополнительных названий и адресов ссылок перед установкой - давняя мечта многих вебмастеров, работающих на платформе 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.
Твитнуть
Очень полезная штука! А я выбрала для себя шаблоны под ВП, у них это предусмотрено.
ОтветитьУдалитьВот если бы система определяла еще подменю.
ОтветитьУдалитьТоесть умела сама выделить главные ярлыки и как-то связать с ними зависимые.
Как красиво и понятно все описано. Поэтому я и люблю к вам заходить. А еще вы сразу отвечаете на вопросы... Спасибо.
ОтветитьУдалитьСпасибо, друзья, за добрые слова!
ОтветитьУдалитьУвы, сразу отвечать на вопросы получается не всегда :( Но я стараюсь!-)
Однозначно в закладки.
ОтветитьУдалитьЕсть более простой способ создания автоматического меню из ярлыков.
ОтветитьУдалить1. Создаем в блоггере страницы типа "веб-адреса" с названиями пунктов меню
2. В поле адреса этих страниц вставляем ссылку на нужный вам ярлык
3. Гаджет "Страницы" можно установить как сбоку (они будут иметь вид ссылок), так и вверху страницы под названием блога (в виде меню).
@Twister Способ, о котором Вы говорите, описан в моей статье
ОтветитьУдалитьhttp://vsegenialno.blogspot.com/2012/06/staticheskiye-stranizi-v-blogger.html
Однако он не совсем автоматический и не позволяет менять внешний вид страниц!:)
Этот комментарий был удален администратором блога.
ОтветитьУдалитьЕсли Вам не трудно, перед тем, как написать комментарий - прочитайте правила комментирования. Иначе я, увы, вынужден буду Ваши сообщения удалять!:)
УдалитьДоброго дня. Сергей ещё раз я к вам с вопросом, вы пишите:
ОтветитьУдалить1. Заходим в Панель управления -- Дизайн -- Изменить HTML
2. Сохраняем резервную копию шаблона на жёсткий диск
3. Активируем флажок "Расширить шаблоны виджета", а у меня нет таких флажков и даже похожих на них. Заранее спасибо.
Лена! Если Вам не трудно - посмотрите дату первого комментария! Статья написана до изменения админпанели Blogger. Свяжитесь со мной через форму "Контакты" и я попробую Вам помочь!:)
Удалить