Как изменить кнопки навигации Blogger

Рассмотрим как можно изменить кнопки навигации Blogger, редактируя код шаблона blogspot.

Содержание

1. Удалить
2. Оставить для "Главной страницы", архива, ярлыков
3. Заменить на картинки
4. Постраничная навигация
5. Изменить размер
6. На первой странице блога "Следующие" присутствуют в неактивном виде
7. Как изменить количество записей, отображаемых при переходе по ссылкам "Следующая"-"Предыдущая"

Удалить

Удалить:

<b:include name='nextprev'/>

Оставить для "Главной страницы", архива, ярлыков.

Строку

<b:include name='nextprev'/>

заменяем на:

<b:if cond='data:blog.pageType == "index"'>
<b:include name='nextprev'/>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<b:include name='nextprev'/>
</b:if>
</b:if>

Заменить на картинки

Чтобы оценить возможный результат щелкните по изображению. Получилось забавно.

"Следующие".
Код

<data:newerPageTitle/>

изменяем на:

<img src="http://ссылка_изображения" alt="Следующие" width="значение_ширины_изображения" height="значение_высоты_изображения"/>.

"Главная страница".
Код

<data:homeMsg/>

изменяем на:

<img src="http://ссылка_изображения" alt="Главная страница" width="значение_ширины_изображения" height="значение_высоты_изображения"/>

"Предыдущие".
Код

<data:olderPageTitle/>

изменяем на:

<img src="http://ссылка_изображения" alt="Предыдущие" width="значение_ширины_изображения" height="значение_высоты_изображения"/>

Изменить размер

CSS стиль кнопок навигации определяется строкой:

#blog-pager { }

В скобках можно указать любые параметры: цвет, тень, фон и т.п. У меня по-умолчанию был определён их размер в процентах: font-size: 140%, который я уменьшила.

На первой странице блога "Следующие" присутствуют в неактивном виде.

После

<div class='blog-pager' id='blog-pager'>

добавить

<b:if cond='data:blog.url == data:blog.homepageUrl'><span style='float: left;'>Следующие</span></b:if>

Как изменить количество записей, отображаемых при переходе по ссылкам "Следующая"-"Предыдущая"

На вкладке "Настройки"-"Сообщения и комментарии"-"Показать не более" указывается необходимое значение.

Но когда нужно, чтобы количество записей на Главной, отличалось от динамичных страниц (например, у меня на Главной - 1 статья, а перейдя по кнопке "Предыдущие" - 8 анонсов), необходимо внести изменения (выделены жирным шрифтом) в HTML шаблон.

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl + &quot;?&amp;max-results=8&quot;' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>

и

<a class='blog-pager-older-link' expr:href='data:olderPageUrl + &quot;?&amp;max-results=8&quot;' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>