среда, 2 ноября 2011 г.

Постраничная навигация Blogger / Blogspot



Постраничная навигация
Сегодня я расскажу вам как сделать постраничную навигацию в вашем блоге на Blogspot. Данный способ я использовал на блоге Одной Монетки, так что вы можете посмотреть и протестировать его внизу сайта, где и находится постраничная навигация.

Подумайте, зачем вам нужна постраничная навигация? Скорее всего вы хотите сделать ваш блог более удобным. Лично я делал это для удобства пользователей, ведь намного удобнее выбирать страничку, нежели переходить на кучу сторонних страниц, чтобы попасть, к примеру, на десятую, вот именно поэтому я решил поискать информацию о постраничной навигации в Blogger. Это прям как SEO в Blogger и Wordpress для ленивых.

Навигация, как видим, получается очень удобной, смотрим на превью к новости.

Ну а теперь мы перейдем к уроку, как сделать навигацию в блоггер легче.

1. Виджет постраничной навигации Blogger


Вы можете воспользоваться уже готовым вариантом и прикрепить к своему блогу готовый модуль, который вы найдете, если перейдете по ссылке ниже.


Это для тех, кому не хочется возиться с шаблоном в системе Blogger, вам достаточно выбрать нужные настройки и вот у вас уже постраничная навигация в Blogspot. Выбрали, нажали на Add Widget to My Blog и получили желаемый результат. Теперь у вас есть постраничная навигация как на Одной Монетке.

2. Постраничная навигация на Blogger своими руками.


Делаем все по шагам:

1. Заходим в Панель управления своим блогом - Дизайн - Изменить HTML

2. Копируем шаблон и НЕ ставим галочку в Расширенный шаблон

3. Копируем в любой текстовый редактор и нажатием на комбинацию клавиш CTRL + F ищем

]]></b:skin>

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

5. Ищем, опять же, с помощью CTRL + F

</body>

и вставляем вот этот код перед </body> - часть кода

6. Смотрим на код, который вставили перед body:

var pageCount=3; - количество материалов на страничке
var displayPageNum=7; - количество страниц, которые будут показаны в постраничной навигации

Вот и все, теперь, как и на Одной Монетке, у вас есть своя постраничная навигация, которая будет служить вам верой и правдой. Пользователи вашего блога обязательно оценят...

0 коммент.:

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