Здравствуйте, дорогие читатели! Давно хотел добавить к шаблону своего блога такую функцию, как удобная постраничная навигация.
Для WordPress это не проблема, а для платформы Blogger мне не удавалось найти нормального решения.
На способ, описанный ниже, я наткнулся случайно, разыскивая информацию, не связанную с постраничной навигацией. Произошло это сегодня, в мой день рождения. Так что, можно считать – один подарок у меня уже есть:)))
Вот, как должна выглядеть Ваша постраничная навигация, после нескольких простых шагов:
Благодарю Atlanta Travel, который нашёл и перевёл эту информацию с языка оригинала!
Постраничная навигация просто
Если Вы, по каким-то причинам, не хотите делать это вручную – воспользуйтесь упрощённым способом, нажав на картинку. Вам останется только внести изменения, описанные в части “Постраничная навигация закладок”.
Постраничная навигация, сделанная руками
Продвигаемся обычным способом:
1. Панель инструментов – Дизайн – Изменить HTML
2. Сохраняем на всякий случай весь шаблон, загрузив его на жёсткий диск.
3. НЕ включаем “Расширить шаблоны виджетов”
4. С помощью Ctrl + F находим строку
и изменяем её на код, полученный по этой ссылке
Этот код отвечает за внешний вид постраничной навигации, и те, кто разбирается в CSS могут внести в него изменения по своему вкусу.
5. Находим строку
</body>
и прямо перед ней вставляем код, который необходимо скопировать на этой странице.
Обратите внимание – в этом коде, в строке, определяющей количество статей на странице
var pageCount=3;
можно задать нужное нам число.
В строке
var displayPageNum=7;
можно изменить количество номеров страниц, показываемых в навигации.
Постраничная навигация закладок
1. Панель инструментов – Дизайн – Изменить HTML
2. Сохраняем шаблон
3. Ставим галочку “Расширить шаблоны виджета”
4. Находим все строчки
'data:label.url'
и вместо них вставляем
'data:label.url + "?&max-results=3"'
где 3 – количество статей на странице
Поздравляю! Теперь мы с Вами счастливые обладатели удобной постраничной навигации:))) Надеюсь, читателям она придётся по вкусу, а танцы с поисковыми ситемами станут более гармоничными.
Насколько читателей стало больше после этих изменений, можно узнать в сервисе статистики Blogger.
Ваш Retliff
Очень удачная мысль. Давно хотел что-то подобное изобретать или поискать… Спасибо!
Кстати :-)) С Днем рождения!
Здоровья, неиссякающего креатива и блогопризнания.
Вас приятно читать.
Поздравляю с днем рождения. Знала бы, раньше зашла на блог поздравить.
С Днем рождения!
Только не работает автоматическая установка…)))
у меня вообще никак не работает 🙁
Спасибо всем за поздравления!
Анонимный — Возможно, это временный глюк сервиса.
PANIC — Всё, что я предлагаю читателям обязательно проходит проверку на одном из моих блогов! Как Вы можете убедиться — в этом блоге работает постраничная навигация! Возможно, Вы не обратили внимание на пункт 3 и включили "Расширить шаблоны виджета"
Бываает ещё, что при переносе код трансформируется — проверьте соответствие кода в Вашем шаблоне!
Хотелось бы кое-что добавить к этой статье:
Очень часто мы испытываем новые скрипты на специально созданных тестовых блогах. Так поступил и я. Предварительно прописав в "Настройки->Разрешения", что просматривать этот блог могут только его авторы.
Поставил я данный скрипт четко следуя инструкции — не работает. Перепробовал несколько других вариантов — все так же… Плюнул. Скрипт так и остался прикрученным, так как он не мешал. И вот, не помню уже для каких целей, мне пришлось снять ограничение и открыть тестовый блог для всех. И о, чудо! — волшебным образом появилась постраничная навигация. Ограничил доступ — пропала, разрешил всем — появилась!
Так что, дамы и господа, учитывайте сей нюанс и не наступите на те же грабли.
у кого не работает обратите внимание на эти строчки
script src='http://blogergadgets.googlecode.com/
files/blogger-page-navi.v1.js'
type='text/javascript'/
при вставке получается пробел где files его убираете и все будет нормально =)
Автору спасибо =) и тому кто делал перевод тоже =)
mOnkrus и seozip — спасибо за помощь, друзья!
Не получается никак добавить
нажимаю на 2ю страницу, а выскакивает все равно первая
Vlad Sh. — Попробуйте вставить код, указанный в оригинальной англоязычной статье (ссылка на него в начале поста под скриншотом постраничной навигации)!-)
Спасибо, разобрался, поставил,
теперь виды обе страницы, но когда нажимаю на 2ую
попадаю на 1о сообщение из первой
(повторяются сообщения на разных страницах)
Все работает только проблема была с пробелом Спасиба; Retliff и seozip
Всё работает, спасибо! Единственное, была бы возможность заменить слово "Pages" на "Страниц", было бы просто великолепно!
почему-то используя простую схему у меня вместо следующей и предыдущей выводит "?????"
а если использовать способ "Постраничная навигация просто", то где там CSS менять?
у меня вот такой вопрос, если на странице 20 постов то последняя страница в навигации 25, получается 500, но постов больше 1000, почему не выводятся все страницы в навигации?
@Максим На блоге разработчика есть решение для Вашей проблемы. Вот адрес статьи:
http://www.abu-farhan.com/2011/09/page-navigation-for-blogger-in-blog-more-than-500-posts/
Спасибо! то что нужно осталось окультурить теперь CSS.
На одном блоге получилось а на втором с новым шаблоном ,если устанавливаю виджет то просто название выводит а если вручную то не появдяется .Я смотрел демо но не сохранял.Может поэтому не получилось.
А можно ли сделать на русском?
Pages и Next перевести?)
а у меня никак не работает…(((( что делать, не пойму…
Здравствуйте! скажите пожалуйста — а как можно убрать надпись счёта страниц, оставив только цифры номера "страницы" и всё, без добавления строки "1 из" и т.д.
у меня тоже не появляется навигация. Хотя в исходнике код есть((((.
Этот комментарий был удален автором.
не работает 🙁