Blogger: Кнопки навигации - чиним и рисуем

Blogger: Кнопки навигации - чиним и рисуем.

Здравствуйте, а у вас в блоге есть такие красивые кнопки для навигации? Что, нет? Вы все-таки не расстраивйтесь, пожалуйста... У некоторых они (кнопки/ссылки для навигации по блогу, вот эти самые, Предыдущее - Следующее) совсем пропали (вернее не совсем пропали, а так виднеется чего-то под заголовком верхней статьи)! Вот ведь не повезло кому-то... Сегодня мы эти кнопки будем чинить, а заодно я расскажу как вставить картинки вместо слов Предыдущее - Следущее - Главная страница.

I. Чиним шаблоны.

Беда случилась с некоторыми шаблонами, создатели которых с одной стороны полезли слишком глубоко в возможности манипулирования шаблонами для Blogger'а, с другой стороны сделали это недостаточно аккуратно и теперь, когда Blogger меняет свои программы обработки шаблонов кнопки навигации исчезли.

Лично я была заинтригована и билась над этой проблемой порядка двух дней - решение я наконец нашла, но оно меня не очень устраивало так как отдавало каким-то шаманством:

Вот мое решение:

1) На вкладке Дизайн - Изменить Html
cтавим галочку на Расширить шаблоны виджета;
2) Находим строчку <b:include name='nextprev'/>
3) И вставляем перед ней любой символ, я, например, поставила точку и у меня получилось вот так: .<b:include name='nextprev'/>
4) Нажимаем Просмотр и убеждаемся, что кнопки навигации вернулись на место.... и Сохраняем шаблон.

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

Итак,
1) На вкладке Дизайн кликаем на Изменить Html
2) Находим строчку #blog-pager {

скорее всего блок кода связанный с этой строчкой будет выглядеть вот так:

#blog-pager {
text-align: center;
}

3) Вставляем во внутрь этого блока строчку clear:both;

у нас получится:
#blog-pager {
text-align: center;
clear:both;
}

4) Нажимаем Просмотр и убеждаемся, что кнопки навигации вернулись на место.... и Сохраняем шаблон.

Первоисточник (по крайней мере для меня): How to Fix Older New Navigation?

II. Картинки вместо ссылок навигации.

0) Заготавливаем картинки для навигации и загружаем их в photobucket.com или еще куда-нибудь.
1) На вкладке Дизайн - Изменить Html
cтавим галочку на Расширить шаблоны виджета;
2)
a) "Следующие"

Находим в коде вот такую последовательность символов <data:newerPageTitle/>

и заменяем её кодом картинки: <img src="http://url_вашей_картинки_Следующие" alt="Следующие" title="Следующие"/>

б) "Предыдущие"

Теперь ищем в коде такое сочетане символов <data:olderPageTitle/>

и заменяем его на код картинки <img src="http://url_вашей_картинки_Предыдущие" alt="Предыдущие" title="Предыдущие"/>

в) "Главная страница"

Находим в коде "слово" <data:homeMsg/>

и все вхождения этого слова заменяем на коды картинок: <img src="http://url_вашей_картинки_Home" alt="Главная страница" title="Главная страница"/>