вторник, 13 декабря 2011 г.

Устанавливаем нумерацию страниц на Blogspot


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

Сохраняем шаблон и смотрим, что получилось и видим вот такую вот миленькую нумерацию
Если кого-то не устраивает такой вариант нумерации, пишите в комментариях я буду добавлять новые варианты, дабы угодить вам.

1 коммент.:

Сделал все как тут написано, но нумерация не появилась. Шаблон стандартный с небольшими изменениями.

Отправить комментарий