Оглавление в блоге.


К сожалению не обнаружил на блоггере стандартного плагина для создания оглавления.
На данном этапе пришлось воспользоваться методом предложенном на этом блоге.
Даю перевод метода на русский, и суммируя исправления предложенные самим автором. Обязательно сделайте резервную копию шаблона перед редактированием ....

Пока не дошли руки прикрутить показ кода квадратные скобки заменить уголками !
1) Найдите в режиме просмотра HTML
строку
[b:section class='main' id='main' maxwidgets='1' showaddelement='no']
и приведите к виду
[b:section class='main' id='main' maxwidgets='2' showaddelement='yes']
сохранитесь.

2)Добавьте HTML элемент к макету в самом его верху. В теле укажите
[div id="toc"][/div]
а названия не указывайте. Сохранитесь.
3) Добавьте HTML элемент к на боковую панель. Назовите его "Содержание"
добавьте код
[div id="toclink"][a href="javascript:showToc();">показать содержание[/a][br/][br/]
[script style="text/javascript" src="http://home.kpn.nl/oosti468/downloads/blogtoc.js"][/script]
[/div]
сохранитесь.
3) Добавьте HTML элемент к на боковую панель в самый низ
[script src="http://yourblog.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=1&max-results=100&callback=loadtoc"][/script]
сохранитесь.
4) Добавьте HTML элемент ответсвенный за стили содержания на боковую панель с кодом
[style type="text/css">
#toc {
border: 0px solid #000000;
background: #ffffff;
padding: 5px;
width:500px;
margin-top:10px;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
background: #ffd595;
color: #000000;
padding-left: 5px;
width:250px;
}
.toc-header-col2 {
width:75px;
}
.toc-header-col3 {
width:125px;
}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {
font-size:80%;
text-decoration:none;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
font-size:80%;
text-decoration:underline;
}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
padding-left: 5px;
font-size:70%;
}
[/style]