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

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

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

Для 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

Сергей Мазураш aka Retliff Блоггер со стажем. Стиль публикаций отличается простотой изложения и весёлым, ироничным подходом к самым серьёзным проблемам. Cпециализируется на создании и продвижении бесплатных блогов на платформе Blogger.



24 комментария:

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

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

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

    ОтветитьУдалить
  2. Поздравляю с днем рождения. Знала бы, раньше зашла на блог поздравить.

    ОтветитьУдалить
  3. С Днем рождения!
    Только не работает автоматическая установка...)))

    ОтветитьУдалить
  4. у меня вообще никак не работает :(

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

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

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

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

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

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

    ОтветитьУдалить
  7. у кого не работает обратите внимание на эти строчки

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

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

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

    ОтветитьУдалить
  8. mOnkrus и seozip - спасибо за помощь, друзья!

    ОтветитьУдалить
  9. Не получается никак добавить
    нажимаю на 2ю страницу, а выскакивает все равно первая

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

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

    ОтветитьУдалить
  12. Все работает только проблема была с пробелом Спасиба; Retliff и seozip

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

    ОтветитьУдалить
  14. почему-то используя простую схему у меня вместо следующей и предыдущей выводит "?????"

    ОтветитьУдалить
  15. а если использовать способ "Постраничная навигация просто", то где там CSS менять?

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

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

    ОтветитьУдалить
  18. Спасибо! то что нужно осталось окультурить теперь CSS.

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

    ОтветитьУдалить
  20. А можно ли сделать на русском?
    Pages и Next перевести?)

    ОтветитьУдалить
  21. а у меня никак не работает...(((( что делать, не пойму...

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

    ОтветитьУдалить
  23. у меня тоже не появляется навигация. Хотя в исходнике код есть((((.

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

    ОтветитьУдалить

Буду очень признателен за Ваши доброжелательные комментарии!
Любые попытки втянуть автора и читателей в дискуссию, а так же ссылки на посторонние ресурсы - будут удалены.
Всем любителям "конструктивной критики" рекомендую прочитать статью http://maxpastukhov.com/critics