Карта блога в 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 в коде скрипта на название своего блога.

источник

Карта блога для blogger три варианта

 Подобная страница с картой сайта должна быть у каждого добросовестного блогера, она необходимо для удобного отображение всех записей. Еще это так-же полезно для оптимизации и поискового продвижения блога, так как является одним из видов перелинковки.  Далее в статье будет несколько вариантов установки кода на блог.  А так-же видео инструкция в самом низу, для моих подписчиков решил создать канала на youtube так что подписываетесь что-бы не пропустить ничего.

Для создание карты сайте перейдите Настройки блога - Страницы - Создать страницу - Пустая страница, обязательно переключите редактор в режим HTML

Первый вариант карты блога (sitemap) для blogger, подходит для всех блогов. Единственное не удобство может возникнуть в блогах где очень много ярлыков.

На страницу вставить следующий скрипт, обязательно измените dperexvatov.blogspot.comна адрес вашего блога.

<script src="http://seovar.ru/scripts/sitemap.js"></script>
<script src="http://dperexvatov.blogspot.com/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

Второй вариант карты блога с эффектом аккордеон,  очень удобно и красиво, при нажатие раскрывается полный список.

Код для вставки, скрипт проверен на вирусы и полностью рабочий, в прошлом варианте от abu-farhan был обнаружен вирус.

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

Смените название блога на свой =)

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

Скрипт для установки карты блога на blogspot

<link href='http://seovar.ru/scripts/map3/toggle_function.css' media='screen' rel='stylesheet' type='text/css'></link>
<script src='http://seovar.ru/scripts/map3/toggle_function.js' type='text/javascript'></script>
<script src="http://seovar.ru/scripts/map3/toggle_toc.js"></script>
<script src='http://dperexvatov.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc'></script>
<script type='text/javascript'>
var accToc=true;
</script>

Заменить название блога.

Обновление: Как мы выяснили с мои читателем блога, для тех у кого карта блога не работает, обязательно проверти указан ли у вас хоть один ярлык к записи. 

Для тех у кого не работает анимация сворачивание, добавьте еще этот код, на странице перед скриптами карты блога

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

источник

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

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

 Я считаю, что у каждого должен быть выбор. Поэтому сегодня, я покажу три вида карты для вашего блога:

1. Простая карта блога, подойдёт для тех у кого мало сообщений.
2.Содержание блога с эффектом аккордеона, для блогов с большим количеством статей.
3.Стильная карта блога, тоже самое, у кого много постов.

 Простая карта, новые сообщения помечаются значком New !!

Карта блога

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

<script src="http://dl.dropbox.com/u/48089857/sitemap1.txt"></script> <script src="###/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"> </script>

Заменяем решетки на URL адрес вашего блога. Готово.

Как создать карту блога с эффектом аккордеона для Blogger

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

<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="###/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>

Меняем решетки на адрес блога. Всё. Скрипт - abu-farhan

Следующая карта блога, мне нравится больше всего.

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

Такую карту делаем с помощью такого скрипта:

<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='###/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc'></script> <script type='text/javascript'> var accToc=true; </script>

Вместо решеток вставляем url адрес вашего блога. Готово. Всем пока. Удачи.
 Скрипт - Bloggerzbible

источник