Здравствуйте, дорогие читатели!
Меню навигации под шапкой блога, которое не требовало бы внесения дополнительных названий и адресов ссылок перед установкой — давняя мечта многих вебмастеров, работающих на платформе 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
Очень полезная штука! А я выбрала для себя шаблоны под ВП, у них это предусмотрено.
Вот если бы система определяла еще подменю.
Тоесть умела сама выделить главные ярлыки и как-то связать с ними зависимые.
Как красиво и понятно все описано. Поэтому я и люблю к вам заходить. А еще вы сразу отвечаете на вопросы… Спасибо.
Спасибо, друзья, за добрые слова!
Увы, сразу отвечать на вопросы получается не всегда 🙁 Но я стараюсь!-)
Однозначно в закладки.
Есть более простой способ создания автоматического меню из ярлыков.
1. Создаем в блоггере страницы типа "веб-адреса" с названиями пунктов меню
2. В поле адреса этих страниц вставляем ссылку на нужный вам ярлык
3. Гаджет "Страницы" можно установить как сбоку (они будут иметь вид ссылок), так и вверху страницы под названием блога (в виде меню).
@Twister Способ, о котором Вы говорите, описан в моей статье
http://vsegenialno.blogspot.com/2012/06/staticheskiye-stranizi-v-blogger.html
Однако он не совсем автоматический и не позволяет менять внешний вид страниц!:)
Этот комментарий был удален администратором блога.
Если Вам не трудно, перед тем, как написать комментарий — прочитайте правила комментирования. Иначе я, увы, вынужден буду Ваши сообщения удалять!:)
Доброго дня. Сергей ещё раз я к вам с вопросом, вы пишите:
1. Заходим в Панель управления — Дизайн — Изменить HTML
2. Сохраняем резервную копию шаблона на жёсткий диск
3. Активируем флажок "Расширить шаблоны виджета", а у меня нет таких флажков и даже похожих на них. Заранее спасибо.
Лена! Если Вам не трудно — посмотрите дату первого комментария! Статья написана до изменения админпанели Blogger. Свяжитесь со мной через форму "Контакты" и я попробую Вам помочь!:)