Карта сайта для Blogger

Карта сайта для 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>

Меняем решетки на адрес блога.


 Стильная карта блога, тоже самое, у кого много постов


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

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

<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 адрес вашего блога