Мапа блога

Вирішила добавити сторінку Мапа блогу. Вийшло з першого разу. Можливо комусь буде цікаво.

Виконала за інструкцією http://all-blogspot.com/2014/02/maps-site-blog-blogger.html

Здравствуйте! Сегодня в своем блоге расскажу о том как установить карту блога на блог blogspot. Подобная страница с картой сайта должна быть у каждого добросовестного блогера, она необходимо для удобного отображение всех записей. Еще это так-же полезно для оптимизации и поискового продвижения блога, так как является одним из видов перелинковки. Далее в статье будет несколько вариантов установки кода на блог. А так-же видео инструкция в самом низу, для моих подписчиков решил создать канала на 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>

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

Подписывайтесь на канал в youtube, вступайте в группу ВКонтакте Помощь blogger'у. Удачи всем!

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

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

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

Видео инструкция по вставке карты блога.

[/more]