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

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

источник