Навигация страниц с помощью Javascript

Привет друзья! Постраничная навигация удобная вещь. В прошлый раз я показал как можно установить с помощью гаджета "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;- это количество кнопок навигации на одной странице.
Всё. Любуемся навигацией по страницам, а я тихонько в сторонке горжусь собою. Желаю удачи.

источник