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

Карта блога в 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&amp;alt=json-in-script&amp;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&amp;alt=json-in-script&amp;callback=loadtoc'></script>
<script type='text/javascript'>
var accToc=true;
</script>


Не забудьте поменять помеченный красным цветом текст в коде скрипта на название своего блога.

2 комментария:

  1. Спасибо, получилось по последней ссылке. Надеюсь, в дальнейшем не слетит.

    ОтветитьУдалить
  2. Огромное спасибо автору!
    Просмотрела кучу источников, ничего не получалось, то есть карта создавалась, но содержание не выходило...

    Сделала стильный вариант, все моментально встало! Супер, то, что надо! Действительно стильно.
    Теперь буду регулярно наведываться на ваш блог.

    ОтветитьУдалить