Архив сообщений для блогов на Blogger

В сети Интернет можно найти много рабочих вариантов «карты блога» на Blogger. Большинство из них основано на использовании внешнего файла JavaScript-кода. Это неизбежно ведёт к появлению ряда проблем. Да и все эти варианты реализации меня не устраивали. Создал свой вариант скрипта архива сообщений для блогов на Blogger. Он гораздо проще и мобильней.

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

Шаг 1. Скачайте архив, содержащий необходимый фрагмент кода, по ссылке в конце статьи.

Шаг 2. Разархивируйте, содержащийся в ZIP-архиве, HTML-файл и откройте его в любом текстовом редакторе, например «Блокнот».

Как открыть файл в текстовом редакторе Блокнот
Как открыть файл в текстовом редакторе Блокнот?

Шаг 3. Зайдите и авторизуйтесь на Blogger.

Шаг 4. Перейдите в раздел «Страницы» админки вашего блога на Blogger.

Шаг 5. В списке «Создать страницу», выберите пункт «Пустая страница».

Шаг 6. Для создания красивого ЧПУ, пропишите значение постоянной ссылки в названии и содержании (в режиме HTML) страницы, например: archive. Сохраните страницу.

Как создать страницу в блоге на Blogger с красивым ЧПУ
Как создать страницу в блоге на Blogger с красивым ЧПУ?

Шаг 7. Кликните ссылку «Изменить» у созданной страницы в одноименном разделе.

Шаг 8. Пропишите нужное название страницы, например «Архив» или «Карта блога» в поле названия страницы.

Шаг 9. Перейдите в «HTML» режим редактирования.

Шаг 10. Скопируйте в форму редактирования содержания страницы (в режиме редактирования HTML-кода, см. шаг 9) код из скаченного html-файла.

Шаг 11. Убедитесь, что в параметрах страницы, в качестве режима редактирования, выбран вариант — «Показ кода HTML», а в качестве переноса строк — «Использовать тег <br>».

Как интегрировать код карты блога на страницу блога в Blogger
Как интегрировать код карты блога на страницу блога в Blogger

Примечание: Советую запретить комментарии к странице.

Шаг 12. По умолчанию код выводит содержание архива моего блога (это сделано в качестве примера). В предпоследней строке:

<script src="http://www.chuvyr.ru/feeds/posts/default?max-results=1000&alt=json-in-script&callback=blog_archive_callback"></script>

Замените www.chuvyr.ru на домен своего блога.

Примечание: Здесь же (параметр max-results) установлен лимит в 1000 сообщений блога, который можно увеличить или вообще убрать, но я (на всякий случай) решил его оставить.

Шаг 13. При желании, вы можете прописать свои варианты имен месяцев года. Сделать это можно в третьей строке кода:

var month_name = ["January", "February", "March", "April", "May","June", "July", "August", "September", "October", "November", "December"];

Шаг 14. Если всё сделано, кликните кнопку «Публикация».

Вот собственно и всё. Код находится у Вас на блоге. Здесь не нужно подключать какие-то сторонние файлы, редактировать шаблон блога и т. д. Всё выводится красиво и аккуратно.

Примечание: Несмотря на то, что список создаётся через JavaScript, он хорошо индексируется современными поисковыми системами, что даёт закономерный результат.

На этом у меня всё. Спасибо за внимание. Удачи!

Скачать бесплатно!

Короткая ссылка: http://goo.gl/B3h7jG

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

Спасибо..... Лучший вариант карты для блоггер из всех, что пыталась установить на сайт.
Вероятно, по этой причине мой красивый ЧПУ, который наконец-то поняла как делать, дополнился числом 8.
Вашим знаниям цены нет, весь интернет облазили - где сложно, где не то, где устарело.

Константин Кирилюк
Константин Кирилюк комментирует...

2Лариса Марштупа да, на Blogger толи счётчик какой есть, то ли ничего не удаляется, но вы всегда можете использовать другой ЧПУ, например: map, sitemap, ste-map, sitemaps, site-maps и т.д. Удачи!

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

А у меня беда с картой на сайте! Плагин СЕО нашел две страницы КАРТЫ и попросил одну убрать. И убрал обе. Пришлось отказаться от страницы. Сама не смогла ее восстановить :(

Константин Кирилюк
Константин Кирилюк комментирует...

2Nina карты разные бывают, есть на странице а есть в виде sitemap.xml

Olga Protasova
Olga Protasova комментирует...

Сделала все, как у Вас написано, после публикации пустая страница. В чем может быть проблема?

Константин Кирилюк
Константин Кирилюк комментирует...

2Olga Protasova логично предположить, что что-то сделали неправильно. У Ларисы всё работает, у меня, как можно убедиться тут, тоже. Может быть вы не выставили параметры в настройках страницы?

Olga Protasova
Olga Protasova комментирует...

Выставила параметры. Все равно пусто. У меня с этими картами одна головная боль. То Google заблокировал одну аккордеоном. Была карта в рамочках. Вчера AVAST заблокировал эту страницу карты, когда хотела открыть. Пришлось удалить скрипт, вставить другой, тоже аккордеон, но пока не заблокированный. Вот хотела сделать по Вашему описанию, без сторонних скриптов, но не получается.

Константин Кирилюк
Константин Кирилюк комментирует...

2Olga Protasova укажите URL-страницы где находится мой вариант карты, тогда я смогу попробовать решить вашу проблему.

Olga Protasova
Olga Protasova комментирует...

Константин вот адрес страницы http://goazhetybloga.blogspot.com/p/blog-page_1.html

Константин Кирилюк
Константин Кирилюк комментирует...

2Olga Protasova у вас пошему то в коде лишние переносы строк появились, например:

document.write("<p>
<b><a href='/"+ year +"_"+ month +"_01_archive.html'>"+ month_name[parseInt(month)-1] +" "+ year +"</a></b></p>
");

а должно быть:

document.write("<p><b><a href='/"+ year +"_"+ month +"_01_archive.html'>"+ month_name[parseInt(month)-1] +" "+ year +"</a></b></p>");

и т.д.

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

Константин, большое спасибо за карту. Кругом одно и то же. На самом деле эта карта
очень удобная и проста в установке. И конечно радует, что без посторонних файлов.
Тоже, как и Ольга уже столько карт перепробовала. Всё. На этой остановилась.

Алекс Капеловски
Алекс Капеловски комментирует...

Странно, сегодня перестал работать.... Если подставить ваш адрес, то все работает, с моим нет....

Константин Кирилюк
Константин Кирилюк комментирует...

2Алекс Капеловски да, странно. Получается javascript ошибка: unterminated string literal - в скрипте на стороне blogger... но видимых её причин я не нахожу.

Эдуард Сингилеев
Эдуард Сингилеев комментирует...

Спасибо Вам огромное. Долго думал над правильным созданием карты для движка blogger. Постоянно старонии скрипты предлагали. Пару раз даже Google обнаружил там вред. код. Теперь удалил и поставил Ваш вариант. Короче говоря, то что нужно. Все по полочкам и главное без внешней ссылке. Пойду, пройдусь еще по Вашему блогу в поисках аналогично интересной и полезной информации.

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

Большое спасибо! Всё получилось - ура!

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

не работает пустая страница вылетает, подскажите???http://www.theautolifemyauto.ru/p/blog-page_31.html

Константин Кирилюк
Константин Кирилюк комментирует...

2Макс максимов я не вижу там скрипта.

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

Полезная штука, попробую у себя!

Ирина Веникова
Ирина Веникова комментирует...

Первый раз создаю блог на БЛОГГЕР. Всё получилось нормально, но поменяла шаблон и архив ушел куда-то в конец и не могу его никак вернуть на боковую панель. У вас очень сложные и непостижимые для моих познаний объяснения. Проще не можете ничего посоветовать? Буду очень благодарна. kupikosu.blogspot.com

Ирина Веникова
Ирина Веникова комментирует...

Ой, только написала вам - и сразу сама нашла ответ. Наверное, ваш сайт имеет волшебную энергетику!

Константин Кирилюк
Константин Кирилюк комментирует...

2Ирина Веникова Увы и ах, всё это сложно. Особенно если используется нестандартный шаблон. Тут вам проще заказать платную услугу, чем пытаться разобраться. Сам я таких услуг не оказываю. Единственное, что могу сказать – попробуйте зайти в раздел «Дизайн» может гаджет архива переместился в другую область и его просто надо перетащить.

Константин Кирилюк
Константин Кирилюк комментирует...

2Ирина Веникова Точно, мой сайт заряжен на позитив! Так что заходите почаще и вы сможете сами находить ответы на свои вопросы, вот таки простым лайфхаком :D

Вика
Вика комментирует...

Костя, привет. Сегодня мудрю с картами, посмотрела у себя на http://www.shpargalochki.ru/ вылетел весь 2013 и часть 14 года. Сейчас на твою посмотрела -тоже. У меня была другая до этого времени и та же самая история. Есть какие мысли, в чём может быть причина.

Константин Кирилюк
Константин Кирилюк комментирует...

2Вика да, есть такое дело. Предположение - лимит по дате, потому что по количеству всё нормально. Тут ничего нельзя сделать. Подумываю добавлять исчезнувшее вручную. Как-то так.

Вика
Вика комментирует...

Понятно Костя, Тоже такая мысль была что может ручками добавлять. Я ведь все известные коды перепробовала и результат практически одинаковый. Это и понятно сейчас. Спасибо.

Light Warrior
Light Warrior комментирует...

Молодца!! Поставил. Все работает. Лучший вариант, который нашел.

Константин Кирилюк
Константин Кирилюк комментирует...

2Light Warrior К сожалению в самом Blogger есть лимит… причём по дате, поэтому архив может получиться обрезанным 