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

Здравствуйте! Сегодня в своем блоге расскажу о том как установить карту блога на блог blogspot. Подобная страница с картой сайта должна быть у каждого добросовестного блогера, она необходимо для удобного отображение всех записей. Еще это так-же полезно для оптимизации и поискового продвижения блога, так как является одним из видов перелинковки.

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

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

На страницу вставить следующий скрипт, обязательно измените  
http://askalenka.blogspot.ru/ на адрес вашего блога.
<script src="http://seovar.ru/scripts/sitemap.js"></script> <script src="http://askalenka.blogspot.ru//feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"> </script>

---

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

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

<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://askalenka.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://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://askalenka.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://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>