Карта блога в Blogger, создаваемая компьютером

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

Каким образом можно создавать карту сайта? Есть два варианта решения этой несложной, но трудоёмкой задачи.

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

Второй вариант – создаем страницу с подходящим названием, например, “Карта блога”, “Все статьи на блоге” или “Содержание блога”. Затем входим в HTML редактор страницы, полностью удаляем оставшийся там код, то есть страница должна быть чистой. Только уже после полной очистки для создания простой карты блога, подходящей для блогов с малым количеством сообщений, на страницу копируем скрипт.:

<div dir="ltr" style="text-align: left;" trbidi="on"> <script src="https://googledrive.com/host/0B4IqZRLIX8XrZTBZN1FkM3E3LTA"></script> <script src="http://ob-bl.blogspot.ru/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>

Обязательно замените помеченную красным цветом строчку в коде скрипта на название своего блога. Этот скрипт будет создавать карту блога уже с помощью компьютера. Теперь сохраним изменения, нажав кнопку "Обновить". На этом работа по созданию карты блога заканчена. Можно смотреть на результат.

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

Для карты блога с видом под клавиатуру аккордеона, вставляем такой вот скрипт:

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link> <script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script> <script src="http://ob-bl.blogspot.ru/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script> <script type="text/javascript"> var accToc=true; </script> <script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

Для создания стильной карты блога на страницу прописываем следующий код:

<link href='https://dl.dropbox.com/u/20885327/toggle_function.css' media='screen' rel='stylesheet' type='text/css'></link> <script src='https://dl.dropbox.com/u/20885327/toggle_function.js' type='text/javascript'></script> <script src='https://dl.dropbox.com/u/20885327/toggle_toc.js/' type='text/javascript'></script> <script src='http://ob-bl.blogspot.ru/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc'></script> <script type='text/javascript'> var accToc=true; </script>

Не забудьте поменять текст ob-bl.blogspot.ru в коде скрипта на название своего блога.

источник