Привет друзья! Постраничная навигация удобная вещь. В прошлый раз я показал как можно установить с помощью гаджета "HTML / Java Script" постраничную навигацию. Теперь  другой вариант. Выбирайте какой Вам удобней устанавливать.

Как установить постраничную навигацию для Blogger

Вот как она выглядит:



Заходим в Дизайн -- Изменить HTML. Далее с помощью поиска (Ctrl+F)  найдите  эту строку в вашем шаблоне: ]]></b:skin>. Перед этой строкой Вам надо будет поставить CSS стиль вашей навигации. Обязательно перед ]]></b:skin> вставляем этот код:


.showpageNum a {
color:#FFF;padding:4px 10px;
margin:0 2px;
text-decoration:none;
-webkit-border-radius:2px;-
moz-border-radius:2px;
background:#848484
}
.showpageOf {
color:#222;
margin:0 6px 0 0
}
.showpageNum a:hover {
background:#222;
color:#FFF
}
.showpagePoint {
color:#FFF;
text-shadow:0 1px 2px #333;
padding:4px 10px;
margin:0 2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
background:#222;
text-decoration:none
}


Теперь находим другую строчку: </body> и над ней вставляем код:

<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=10;
var numshowpage=7;
var upPageWord =&#39;&#9668;&#39;;
var downPageWord =&#39;&#9658;&#39;;
</script>
<script src='http://dl.dropbox.com/u/48089857/pagenav.js' type='text/javascript'/>

Сохраняем шаблон. Выделенное можете настроить на своё усмотрение.
var postperpage=10;- это количество сообщений на одной странице
var numshowpage=7;- это количество кнопок навигации на одной странице.
Всё. Любуемся навигацией по страницам, а я тихонько в сторонке горжусь собою. Желаю удачи.


Ух ты кнопочки! Понравилась статья? Поделитесь с друзьями в соцсетях:


8 коммент. :

  1. Проверте всё ли правильно сделали.Вот я только что поставил в демо блоге:
    http://zsvvidzhet.blogspot.com/

    ОтветитьУдалить
  2. Хмм.. странно !!

    сделал как написан, а всё равно нету !!

    ОтветитьУдалить
  3. Попробуйте другой, который просто ставиться с помощью гаджета "HTML / Java Script"

    ОтветитьУдалить
  4. Во первых - не работает :) Во вторых - ссылка на джава-файл на этом ресурсе http://dl.dropbox.com/u/48089857/pagenav.js - конечно хорошо, но вдруг этот сервис накроется или еще что? Нельзя ли код сделать полноценным и не зависимым от других ресурсов? Ну, и рабочим конечно :)

    ОтветитьУдалить
  5. Всё работает.Сервис dropbox самый надёжный.Не нравится dropbox положи Javascript на Google Code--
    http://new-school-blogger.blogspot.com/2012/01/google-code-hosting-dlja-fajlov.html

    ОтветитьУдалить
  6. Все работает вот www.x-seoblog.ru

    ОтветитьУдалить
  7. Всё работает...но есть одно НО...на моей странице в блоге var postperpage=5, и когда я нажимаю следующую страницу мне не выдает следующие 5,6,7....и т. д сообщения, а открывает те, которые уже и так есть в этих пяти первых сообщениях на главной странице. В чем дело? как это можно исправить?

    ОтветитьУдалить