Как добавить нумерацию страниц : Как изменить навигацию в блоге

Постраничная навигация для Blogger

Платформа Blogger предоставляет своим пользователям традиционный набор элементов блога, таких как навигация «Старее/Новее» или «Предыдущая/Следующая» для просмотра сообщений.




Установка скрипта "следующая/предыдущая" в свой блог

 Вы  наверное обращали внимание на нумерацию страниц в виде цифр (пагинацию) или же ее еще называют постраничной навигацией, в основном на сайтах  WordPress. Я же хочу предложить добавить  скрипт для смены стандартных  Следующая /Главная/ Предыдущая, проверенный  на моем тестовом блоге, для платформы  Blogger.
 Сделать нужно всего лишь два шага: 
  • Установка скрипта 
  1. Перейдите  «ТЕМА» > «НАСТРОИТЬ» > «РЕДАКТИРОВАТЬ HTML»
  2. Теперь найдите тег </body> и вставьте код из скачанного файла по ссылке ниже.

Добавляем стили CSS для постраничной навигации

  • Стилизация найдите тег <b:skin>, вставьте перед ним код CSS "Стиль 1" из скачанного файла по ссылке ниже.
Настройки скрипта:
  • Измените postperpage=... на количество отображаемых сообщений,которые будут отображаться на Главной странице.
    Оно должно совпадать с числом, которое вы выбрали в разделе Дизайн  > Записи в блоге  > Количество сообщений на Главной странице.
  • Измените numshowpage=... на количество страниц, которые вы хотите отображать в нумерованной навигации.
  • Вы также можете изменить значения Рrev/Next на текст, который хотите отобразить.

👉❓Важно! Код для изменения навигации по страницам тестировался только на стандартном шаблоне  Blogger -Темы Watermark!  В нестандартных бесплатных шаблонах, скачанных в сети Интернет, данный код может оказаться нерабочим!


Share:

0 Comments:

Отправить комментарий

Если понравилась статья, то оставьте, пожалуйста, комментарии!

Popular Posts

Recent Posts

3-tag:Courses-65px

Unordered List

Text Widget

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation test link ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate another link velit esse cillum dolore eu fugiat nulla pariatur.

Pages

Comments

3-comments

FOLLOW ME

LATEST

3-latest-65px
Статистика
  • Сообщений
  • Комментариев
  • Просмотров
  • Нашему блогу уже: года.

Latest video-course

1-tag:Videos-800px-video

Campus

4-tag:Campus-500px-mosaic
iklan banner

About

This just a demo text widget, you can use it to create an about text, for example.

Testimonials

3-tag:Testimonials-250px-testimonial

Header Background

Header Background
Header Background Image. Ideal width 1600px with.

Logo

Logo
Logo Image. Ideal width 300px.

Section Background

Section Background
Background image. Ideal width 1600px with.

Section Background

Section Background
Background image. Ideal width 1600px with.

Ads block

Banner 728x90px

Courses

6-latest-350px-course

Section Background

Section Background

Search This Blog

Постоянные читатели

Projects

3/Health/post-list

SEARCH

Definition List

Theme Support

Need our help to upload or customize this blogger template? Contact me with details about the theme customization you need.

Ordered List

iklan banner

Blogger Themes

Popular

Blogger Tutorials

Blogger Template

Categories

Text Widget

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Copyright © По Секрету Всему Свету | Powered by Blogger Design by PWT | Blogger Theme by NewBloggerThemes.com