Удобная постраничная навигация в блоге

     Здравствуйте, дорогие читатели! Давно хотел добавить к шаблону своего блога такую функцию, как удобная постраничная навигация.

Удобная постраничная навигация

Для WordPress это не проблема, а для платформы Blogger мне не удавалось найти нормального решения.

На способ, описанный ниже, я наткнулся случайно, разыскивая информацию, не связанную с постраничной навигацией. Произошло это сегодня, в мой день рождения. Так что, можно считать – один подарок у меня уже есть:)))
    
Вот, как должна выглядеть Ваша постраничная навигация, после нескольких простых шагов:

Удобная постраничная навигация в блоге

Благодарю Atlanta Travel, который нашёл и перевёл эту информацию с языка оригинала!

Постраничная навигация просто

Если Вы, по каким-то причинам, не хотите делать это вручную – воспользуйтесь упрощённым способом, нажав на картинку. Вам останется только внести изменения, описанные в части “Постраничная навигация закладок”.

кнопка для установки постраничной навигации

Постраничная навигация, сделанная руками

     Продвигаемся обычным способом:
1. Панель инструментовДизайнИзменить HTML
2. Сохраняем на всякий случай весь шаблон, загрузив его на жёсткий диск.
3. НЕ включаем “Расширить шаблоны виджетов”
4. С помощью Ctrl + F находим строку

]]></b:skin>

и изменяем её на код, полученный по этой ссылке

     Этот код отвечает за внешний вид постраничной навигации, и те, кто разбирается в CSS могут внести в него изменения по своему вкусу.

5. Находим строку

</body>

и прямо перед ней вставляем код, который необходимо скопировать на этой странице.

     Обратите внимание – в этом коде, в строке, определяющей количество статей на странице

var pageCount=3;

можно задать нужное нам число.

     В строке

var displayPageNum=7;

можно изменить количество номеров страниц, показываемых в навигации.

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

1. Панель инструментовДизайнИзменить HTML

2. Сохраняем шаблон

3. Ставим галочку “Расширить шаблоны виджета”

4. Находим все строчки

'data:label.url'

и вместо них вставляем

'data:label.url + &quot;?&amp;max-results=3&quot;'

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

     Поздравляю! Теперь мы с Вами счастливые обладатели удобной постраничной навигации:))) Надеюсь, читателям она придётся по вкусу, а танцы с поисковыми ситемами  станут более гармоничными.
     Насколько читателей стало больше после этих изменений, можно узнать в сервисе статистики Blogger.

Ваш Retliff



0 комментариев к “Удобная постраничная навигация в блоге”

  1. Очень удачная мысль. Давно хотел что-то подобное изобретать или поискать… Спасибо!

    Кстати :-)) С Днем рождения!
    Здоровья, неиссякающего креатива и блогопризнания.

    Вас приятно читать.

    Ответить
  2. Спасибо всем за поздравления!
    Анонимный — Возможно, это временный глюк сервиса.

    PANIC — Всё, что я предлагаю читателям обязательно проходит проверку на одном из моих блогов! Как Вы можете убедиться — в этом блоге работает постраничная навигация! Возможно, Вы не обратили внимание на пункт 3 и включили "Расширить шаблоны виджета"
    Бываает ещё, что при переносе код трансформируется — проверьте соответствие кода в Вашем шаблоне!

    Ответить
  3. Хотелось бы кое-что добавить к этой статье:

    Очень часто мы испытываем новые скрипты на специально созданных тестовых блогах. Так поступил и я. Предварительно прописав в "Настройки->Разрешения", что просматривать этот блог могут только его авторы.

    Поставил я данный скрипт четко следуя инструкции — не работает. Перепробовал несколько других вариантов — все так же… Плюнул. Скрипт так и остался прикрученным, так как он не мешал. И вот, не помню уже для каких целей, мне пришлось снять ограничение и открыть тестовый блог для всех. И о, чудо! — волшебным образом появилась постраничная навигация. Ограничил доступ — пропала, разрешил всем — появилась!

    Так что, дамы и господа, учитывайте сей нюанс и не наступите на те же грабли.

    Ответить
  4. у кого не работает обратите внимание на эти строчки

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

    при вставке получается пробел где files его убираете и все будет нормально =)

    Автору спасибо =) и тому кто делал перевод тоже =)

    Ответить
  5. Vlad Sh. — Попробуйте вставить код, указанный в оригинальной англоязычной статье (ссылка на него в начале поста под скриншотом постраничной навигации)!-)

    Ответить
  6. Спасибо, разобрался, поставил,
    теперь виды обе страницы, но когда нажимаю на 2ую
    попадаю на 1о сообщение из первой
    (повторяются сообщения на разных страницах)

    Ответить
  7. Всё работает, спасибо! Единственное, была бы возможность заменить слово "Pages" на "Страниц", было бы просто великолепно!

    Ответить
  8. у меня вот такой вопрос, если на странице 20 постов то последняя страница в навигации 25, получается 500, но постов больше 1000, почему не выводятся все страницы в навигации?

    Ответить
  9. @Максим На блоге разработчика есть решение для Вашей проблемы. Вот адрес статьи:
    http://www.abu-farhan.com/2011/09/page-navigation-for-blogger-in-blog-more-than-500-posts/

    Ответить
  10. На одном блоге получилось а на втором с новым шаблоном ,если устанавливаю виджет то просто название выводит а если вручную то не появдяется .Я смотрел демо но не сохранял.Может поэтому не получилось.

    Ответить
  11. Здравствуйте! скажите пожалуйста — а как можно убрать надпись счёта страниц, оставив только цифры номера "страницы" и всё, без добавления строки "1 из" и т.д.

    Ответить

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