.

08.11.2013

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

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


Постраничная навигация удобная вещь. Как раз таки ее нам не хватает в стандартных условиях.

Как установить постраничную навигацию для Blogger:
Заходим в Дизайн--Изменить HTML.Далее с помощью поиска (Ctrl+F) найдите эту строку в вашем шаблоне: ]]></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=5;
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=5;-это количество сообщений на одной странице
var numshowpage=7;-это количество кнопок навигации на одной странице.