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


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

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

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


Журналист, блоггер, художник. Автор этого блога. Люблю всё новое, необычное, вкусное!-) Больше - на странице Блог и Автор Присоединяйтесь ко мне в Twitter


Всё гениальное просто

Ваш email:

Похожие статьи:



18 коммент.:

George Columbow комментирует...

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

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

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

SEO-Дилетант'ка комментирует...

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

Анонимный комментирует...

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

PANIC комментирует...

у меня вообще никак не работает :(

Retliff комментирует...

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

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

m0nkrus комментирует...

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

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

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

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

seozip комментирует...

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

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

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

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

Retliff комментирует...

mOnkrus и seozip - спасибо за помощь, друзья!

Vlad Sh. комментирует...

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

Retliff комментирует...

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

Vlad Sh. комментирует...

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

DRW комментирует...

Все работает только проблема была с пробелом Спасиба; Retliff и seozip

Светлана Ковалева комментирует...

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

Команда ХТК комментирует...

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

PANIC комментирует...

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

Максим комментирует...

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

Сергей Мазураш комментирует...

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

poker-blog-poker комментирует...

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

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

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

Related Posts with Thumbnails