Как из статических страниц Blogger'а сделать горизонтальное меню

Статические страницы (Static Pages) на Blogger'е появились почти год назад, в них, в общем-то нет ничего особенного, но я до сих пор получаю вопросы от читателей связанные с использованием статических страниц.

Сегодня я расскажу вам все, что я знаю на эту тему.

1. Разница между статическими страницами (или как их называют на нашей Панели инструментов Страницами) и Сообщениями.

а) У статических страниц нет и не может быть даты и ярлыков (на то они и статические).
б) Статические страницы не отражаются в Архиве сообщений и как следует из предыдущего пункта на страницы метки
в) Url статической страницы имеет вид: http://vashblog.blogspot.com/p/vasha_stranica.html в то время как url Сообщения (или как мы называем Поста) имеет вид http://vashblog.blogspot.com/yyyy/mm/vash_post.html -- различия я выделила.
г) Вновь добавленные страницы не отразятся в фиде (новостной ленте вашего блога), а значат подписчики их не увидят.

На статических страницах хорошо разместить общую информацию типа О Блоге, Контакты, Каталог, Прайслист и т.д.

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

Создать статические страницы очень просто:
На Панели инструментов кликаем Изменить сообщения и далее на Изменить страницы.



Нажимая на СОЗДАТЬ СТРАНИЦУ мы попадаем в стандартный (новый) редактор сообщений Blogger'а. И творим ...первую свою статическую страницу, разумеется.

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

И если это ваша первая статическая страниц перед окончательным её сохранением вам предложат выбрать Как должен отображаться гаджет "Страницы": Боковая панель блога (список страниц на боковой панели), Вкладки блогов (горизонтальное меню), Без гаджета (т.е. нигде не устраивать специального списка страниц, а проставлять ссылки на статические страницы где и когда надо вручную)


Теперь у вас в блоге появилась не только статическая страница, а так же в Дизайне на вкладке Элементы страницы появился новый гаджет "Страницы" и скорее всего вы организовали его в виде горизонтального меню. И все у вас работает совершенно замечательно, вот только хочется вам от этого горизонтального меню больше чем просто статические страницы. Давайте поговорим об этом!

Читатели часто спрашивают: Можно ли разместить на одной статической странице несколько постов? Ответ и да и нет... Посты мы, вообще, на статических страницах не размещаем - это разные сущности, но сэмулировать (притвориться, что у вас на статической странице несколько постов) можно. Для этого наберите в редакторе статической странице все статьи, которые вы хотите чтобы там были увидены и перейдя в редакторе в режим редактирования Html выделите заголовки ваших статей тегами: в начале заголовка поставьте <h3> а в конце заголовка поставьте <h3/> и у вас получится такого же вида заголовок как у меня ниже.

Горизонтальное меню из статических страниц и не только

А теперь поговорим о самом интересном. Очень многим читателям хотелось бы наряду со статическими страницами иметь в горизонтальном меню ссылки на самые значимые рубрики их блога, а иногда и ссылки на другие ресурсы интернета.

Это возможно. Для этого надо:

1. В Дизайне на вкладке с Элементами страницы убираем гаджет Страницы, а вместо него вставляем гаджет Список ссылок.
2. В список ссылок заносим:
а) Ссылку на ваш блог под именем Главная или Home или как вам еще нравится лишь бы читателям было понятно.
б) Ссылки на статические страницы, адрес статической страницы узнать просто: Заходим на вкладку со статическими страницам и кликаем Посмотреть:

в) Ссылки на самые значимые Ярлыки.
г) Ссылки на внешние ресурсы.

3. Нажимая стрелочки вверх вниз, упорядочиваем элемены списка и нажимаем кнопку СОХРАНИТЬ.

4. И все у нас получилось замечательно, не хуже чем у Blogger'а в горизонтальном меню со статическими страницами, за исключением одного лишь "но" - в горизонтальном меню Blogger'а видно в каком месте (на какой странице) мы находимся, а у нас в меню не видно... пока не видно!

Давайте это исправим. Для этого напи придется немножко изменить Html-код шаблона блога.
Напомню, что перед любыми изменениями шаблона блога следует сделать резервную копию шаблона блога.

А теперь в режиме редактирования Html, ставим галочку на Расширить шаблоны виджета и ищем строчку

<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>

Опускаем взгяд на несколько строчек ниже и находим строчку:

<li><a expr:href='data:link.target'><data:link.name/></a></li>

которую заменяем на вот эти несколько строчек

<b:if cond="data:blog.url == data:link.target">
<li class='selected'><a expr:href='data:link.target'><data:link.name/></a></li>
<b:else/>
<li><a expr:href='data:link.target'><data:link.name/></a></li></b:if>

Нажимаем кнопку СОХРАНИТЬ.

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

Всем здоровья и удачи!
Света

Комментарии и вопросы более чем приветствуются,нужна помощь - поможем! Читать дальше...