Новое в блоге
Loading...
2 дек. 2011 г.

Постраничная навигация для Blogger

Доброе утро! Всю ночь не спал, всё новый шаблон настраивал. Вот решил остановиться на этом. Думаю понравиться Вам,у добная навигация, дизайн и т.д. Сегодня в Школе для Blogger(а) покажу Вам как сделать удобную навигацию по страницамPage Navigation). Всего пару шагов и мы у цели.Что только не сделаешь для удобства  любимых посетителей, готовы исполнить любые прихоти, пожелания.


Как сделать постраничную навигацию для Blogger( Page Navigation)


                                           Вот так она будет выглядеть.


Заходим в Шаблон--Изменить 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
}

Теперь находим другую строчку: </body> и над ней вставляем код:

<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=10;
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=10; - это количество сообщений на одной странице
var numshowpage=7; - это количество кнопок навигации на одной странице.
Всё. Радуемся. А я пошёл спать. До новых встреч. Пожалуйста оставляйте комментарии, получается или нет.

Примечание: может работать не на всех шаблонах.

Ух ты кнопочки! Понравилась статья? Поделитесь с друзьями:

22 коммент. :

  1. Спасибо работает, с ним кажется удобнее ползать по блогу.

    ОтветитьУдалить
  2. Конечно с ним удобней и выглядит симпатично.

    ОтветитьУдалить
  3. Здравствуйте!
    Я проверил и мне понравилось. Но есть один нюанс: при переключении страниц, снизу, на доли секунды, мелькает родной навигатор. Я его пробовал отключать, но тогда оба не работают. Как быть?
    Теперь о главном. Этот навигатор работает только на главной странице, можно ли сделать так, чтобы навигатор был на всех страницах? В блогах я такой встречал.
    Спасибо.

    ОтветитьУдалить
  4. Попробуйте вот это:http://new-school-blogger.blogspot.com/2011/11/navigacija-po-stranicampage.html
    Потом отпишитесь Должно работать как Вам нужно.

    ОтветитьУдалить
  5.  Я уже пробовал и сразу удалил. Блог не запускается вообще!
    Просто постоянно пытается и зависает.

    ОтветитьУдалить
  6. А как поменять надпись page на русскую - страница???

    ОтветитьУдалить
  7. Можно попробовать в коде js ,но это возиться надо.Копируете,потом исправляете,кладёте на хостинг и меняете мою ссылку на свою,где лежит исправленный файл.

    ОтветитьУдалить
  8. Скажите, а можно ли просто заменить в стандартной навигации слова "Предыдущие" и "Следующие"? Допустим на "Вперёд" и "Назад"?
    Спасибо.

    ОтветитьУдалить
  9. Можно.Ищите в шаблоне и меняйте.

    ОтветитьУдалить
  10. Вернее искать нужно подругому,сейчас я занят,разбираться некогда.

    ОтветитьУдалить
  11.  В шаблоне я изменил, но отображается по-прежнему "Предыдущие" и "Следующие".

    ОтветитьУдалить
  12. скажите почему когда я делаю
    сообщений на одной странице - 1, то потом не открывается при нажатии, то 4-я то 5-я то 8-я страница?

    ОтветитьУдалить
  13. Если всё правильно сделали,должно работать без ошибок.

    ОтветитьУдалить
  14. В шаблоне Revolution-Church-ru данная навигация не работает. Убирал display:none; - все равно не хочет. Подскажите какой-то вариант как все таки настроить навигацию.

    ОтветитьУдалить
  15. Может Вам эта подойдёт:http://new-school-blogger.blogspot.com/2011/11/navigacija-po-stranicampage.html

    ОтветитьУдалить
  16. Спасибо за статью всё получилось , а можно как то поменять цвет кнопочек ?

    ОтветитьУдалить
  17. Пожалуйста. Здесь по моему нельзя.

    ОтветитьУдалить
  18. Этот комментарий был удален автором.

    ОтветитьУдалить
    Ответы
    1. Привет, Андрей! ДЛЯ ВАШЕГО БЛОГА УСТАНОВИТЕ ЛУЧШЕ ВИДЕОШАБЛОН.Уже с постраничной навигацией.Если согласны дам ссылку на шаблон.

      Удалить

 
Footer