Нумерация страниц на блоге Блогспот, разметка страниц по порядку

Автор Damir-Tote. Опубликовано в Блог, Все о Блогспот

           Как вы ведете при посещении моего блога, есть нумерация страницы по порядку 1,2,3 и так далее. Не во всех шаблонах Блогспот есть такие разметки.

 
            В основном не красивая надпись главная страница, следующая и предыдущая страница. Оно даже бесит. Неприятно смотреть на такое. Особенно на очень посещаемых и известных блогах.

 
            Сделать это на самом деле очень легко и все своими руками. Заходим «Дизайн» далее «применить html». Ставим галочку «расширить виджеты». Кстати еще два полезных совета.
 
При изменении html кода лучше всего сохранить уже имеющийся (вдруг, что-то не то сделаете – потом будите сожалеть) и второе, изменяйте свой шаблон через Мозилу. Очень удобно через поиск, нажимаем комбинацию клавиш ctrl+F. Открывается внизу поиск, туда и пишем, что хотим найти в шаблоне.
 
Итак, ищем следующий мета тег:
 
 
]]></b:skin>
 
И сразу же перед ним вставляем вот это скрипт
 
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
 
Вы его можете подделать по своему виду, если разбираетесь в html коде.
 
Далее необходимо найти следующий скрипт
 
</body>
 
И опять же, перед тегом прописываем следующее
 
<!—Page Navigation Starts—>

<b:if cond=’data:blog.pageType != &quot;item&quot;’>

<b:if cond=’data:blog.pageType != &quot;static_page&quot;’>

<script type=’text/javascript’>

var pageCount=5;

var displayPageNum=5;

var upPageWord =&#39;Previous&#39;;

var downPageWord =&#39;Next&#39;;

</script>

<script src=’http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js’ type=’text/javascript’/>

</b:if>

</b:if>

<!—Page Navigation Ends —>

 
Здесь есть параметры, которые вы сами можете изменить по своему желанию

Так, например:

var pageCount=5;

количество статей на одной странице

var displayPageNum=5;

количество страниц, которые будут демонстрироваться на странице с этим гаджетом

а также количество дополнительных страниц на странице блога

var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;

Сохраняем шаблон и смотрим, что получилось и видим.

Вот и все. Очень легко и просто сделать своими руками нумерацию страниц в шаблоне Блогспот.

С вами был damir-tote!

Трекбэк с Вашего сайта.

.