Навигация по страницам для blogger

http://allvictory.blogspot.com/2011/09/blogger_23.html

Надоели кнопки "Главная страница", "Следующая страница" и "Предыдущая страница" в конце блога? Хотите как у нормальных людей иметь номерную навигацию по своим страницам? Тогда давайте приступим к установке пары-тройки скриптов и стилей, дабы  утолить вашу жажду познаний и удобства! Итак, первым делом надо сохранить весь ваш шаблон:  зайдите в "Шаблон" и в верхнем правом углу нажмите "Резервное копирование и восстановление". Теперь приступим к установке нужных нам кодов:

1. "Шаблон" \ "Изменить HTML"
2. Нажимаем Ctrl+А и вводим в строку поиска: ]]>
3. Перед ним вставляем код:

.paginator {

margin-top:60px;

font-size:1em;

}

.paginator table {

border-collapse:collapse;

table-layout:fixed;

width:100%;

}

.paginator table td {

padding:0;

white-space:nowrap;

text-align:center;

}

.paginator span {

display:block;

padding:3px 0;

color:#fff;

}

.paginator span strong,

.paginator span a {

padding:2px 6px;

}

.paginator span strong {

background:#ff6c24;

font-style:normal;

font-weight:normal;

}

.paginator .scroll_bar {

width:100%; height:20px;

position:relative;

margin-top:10px;

}

.paginator .scroll_trough {

width:100%; height:3px;

background:#ccc;

overflow:hidden;

}

.paginator .scroll_thumb {

position:absolute;

z-index:2;

width:0; height:3px;

top:0; left:0;

font-size:1px;

background:#363636;

}

.paginator .scroll_knob {

position:absolute;

top:-5px; left:50%;

margin-left:-10px;

width:20px; height:20px;

overflow:hidden;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTDP8_J-fblVxvevDmXsyYEbb0U6xFZtnMqPvcIBhosjTx6FAVh_fk2W9okIYX-umhg7_csCHm63LdhgJ7mx97ocAuGWqQrBJQ3sUSn7mjjvsIH7G9FyG6Qri3gtInvlLdYwpTPqTGRwQ/s1600/slider_knob.gif) no-repeat 50% 50%;

cursor:pointer; cursor:hand;

}

.paginator .current_page_mark {

position:absolute;

z-index:1;

top:0; left:0;

width:0; height:3px;

overflow:hidden;

background:#ff6c24;

}

.fullsize .scroll_thumb {

display:none;

}

.paginator_pages {

width:600px;

text-align:right;

font-size:0.8em;

color:#808080;

margin-top:-10px;

}

4. Находим строчку и перед ней вставляем: