Blog Archive




Кнопки навигации вместо слов

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


Чиним шаблоны.
Беда случилась с некоторыми шаблонами, создатели которых с одной стороны полезли слишком глубоко в возможности манипулирования шаблонами для 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) Нажимаем Просмотр и убеждаемся, что кнопки навигации вернулись на место.... и Сохраняем шаблон.

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


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

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="Главная страница"/>


;)
Вот и все... 


Нет комментариев.