Карта блога/сайта в Blogger/Blogspot

Всем, привет! Пользователям бесплатного блогохостинга ещё одна карта блога/сайта в Blogger/Blogspot для посетителей. Читайте: как легко создать страницу в блоге со всем содержанием (карта блога), то есть, карту сайта для посетителей - HTML Sitemap. Практически каждый, кто завёл блог на Blogspot, задаётся вопросом, каким образом  можно сделать разделение статей по рубрикам и добавить оглавление. Есть простой способ. В этом нам поможет скрипт на основе ленты фида вашего блога, он автоматически генерирует заголовки всех постов.

Карта блога
Карта блога для Blogger

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

Как создать карту блога в Blogger

Для этого вам нужно создать новую страницу в блоге, дать заголовок например, Содержание или Карта блога или Все статьи. Затем, в режиме HTML вставить код:

Здесь, в коде меняем мой адрес блога (http://helpblogger-ru.blogspot.ru) на свой url. Публикуем страницу и смотрим результат. Красота:

Blogger карта сайта
В Blogger карта сайта

При нажатии на крестик определённого ярлыка, открываются все названия сообщений. Очень удобно, занимает меньше места. Можете посмотреть видеоурок для наглядности.

Карта сайта/блога Blogger - Видео

 

Идём дальше.

Blogger - карта для блога. Все статьи на отдельной странице

Следующая карта тоже симпатичная. Карта сайта будет разделена на два раздела - ярлыки и заголовки статей. При нажатии на определённый ярлык будет показан весь список записей с данной меткой, а новая статья отмечена значком - New! Вот она родная:

Карта блога Blogger
Все статьи Blogger

Данная HTML карта для посетителей занимает меньше места на странице (простыни не будет). Естественно, друзья, вы можете настроить стиль (цвета) карты сайта под свой дизайн блога. Стили CSS карты объедены со скриптом в один код и поэтому вам не надо будет лезть в сам шаблон блога, весь код устанавливается сразу на страницу в режиме HTML. Код для вставки на отдельную страницу такой:

В начале кода нужно заменить мой адрес блога на свой URL, а также, лучше не тянуть скрипт (38 строка) https://sites.google.com/site/dlamoegobloga/tabbed-toc.js с моего хостинга, мало ли что. Скачайте его и загрузите на свой хостинг (можно использовать Google Сайты), а ссылку на ваш скрип вставьте в код вместо моей. Вид/стиль карты настраивается между строк </script> и </style>. Если что, спрашивайте. Помогу.

Ах, да. Вот можно ещё воспользоваться таким вариантом - архив блога, но смотрится, как карта, туточки. Есть карта и с картинками. Она находится, здесь. На этом, товарищи, я с вами прощаюсь не на долго. До новых встреч. Пока, пока.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Решите задачку: *