Привет друзья! Постраничная навигация удобная вещь. В прошлый раз я показал как можно установить с помощью гаджета "HTML / Java Script" постраничную навигацию. Теперь другой вариант. Выбирайте какой Вам удобней устанавливать.
Как установить постраничную навигацию для Blogger
Вот как она выглядит:
Заходим в Дизайн -- Изменить HTML. Далее с помощью поиска (Ctrl+F) найдите эту строку в вашем шаблоне: ]]></b:skin>. Перед этой строкой Вам надо будет поставить CSS стиль вашей навигации. Обязательно перед ]]></b:skin> вставляем этот код:
Вот как она выглядит:
Заходим в Дизайн -- Изменить 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
}
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="/";
var urlactivepage=location.href;
var postperpage=10;
var numshowpage=7;
var upPageWord ='◄';
var downPageWord ='►';
</script>
<script src='http://dl.dropbox.com/u/48089857/pagenav.js' type='text/javascript'/>
var home_page="/";
var urlactivepage=location.href;
var postperpage=10;
var numshowpage=7;
var upPageWord ='◄';
var downPageWord ='►';
</script>
<script src='http://dl.dropbox.com/u/48089857/pagenav.js' type='text/javascript'/>
var postperpage=10;- это количество сообщений на одной странице
var numshowpage=7;- это количество кнопок навигации на одной странице.
Всё. Любуемся навигацией по страницам, а я тихонько в сторонке горжусь собою. Желаю удачи.
Не работает ! =(
ОтветитьУдалитьПроверте всё ли правильно сделали.Вот я только что поставил в демо блоге:
ОтветитьУдалитьhttp://zsvvidzhet.blogspot.com/
Хмм.. странно !!
ОтветитьУдалитьсделал как написан, а всё равно нету !!
Попробуйте другой, который просто ставиться с помощью гаджета "HTML / Java Script"
ОтветитьУдалитьВо первых - не работает :) Во вторых - ссылка на джава-файл на этом ресурсе http://dl.dropbox.com/u/48089857/pagenav.js - конечно хорошо, но вдруг этот сервис накроется или еще что? Нельзя ли код сделать полноценным и не зависимым от других ресурсов? Ну, и рабочим конечно :)
ОтветитьУдалитьВсё работает.Сервис dropbox самый надёжный.Не нравится dropbox положи Javascript на Google Code--
ОтветитьУдалитьhttp://new-school-blogger.blogspot.com/2012/01/google-code-hosting-dlja-fajlov.html
Все работает вот www.x-seoblog.ru
ОтветитьУдалитьВсё работает...но есть одно НО...на моей странице в блоге var postperpage=5, и когда я нажимаю следующую страницу мне не выдает следующие 5,6,7....и т. д сообщения, а открывает те, которые уже и так есть в этих пяти первых сообщениях на главной странице. В чем дело? как это можно исправить?
ОтветитьУдалить