Как сделать оглавление блога (содержание) в Blogger.

Давно искал решение как сделать оглавление для блога, чтобы читатель мог увидеть что еще можно почитать на блоге. Поискал по интернету-ничего мне не подошло, надо было отдельную страницу создавать ,на которую вряд ли кто-то попрется смотреть содержание блога. Хотелось чтобы где-нибудь в правой стороне блога показывалось содержание, еще бы лучше было, если бы меню можно было прокручивать чтобы содержание не занимало много места, поскольку постов становится больше и если оставить весь список содержания блога-долищу будет загружаться, да и не красиво как-то. Нашел более менее подходящий виджет, который транслирует все заголовки из RSS. Благополучно установил, но вопрос с эстетичностью и компактностью оставался открытым. Покапался и нашел решение. Так что если кто хочет такое содержание блога как у меня или с прокруткой-читаем дальше.

Идем в Дизайн (элементы страницы), выбираем местечко для содержания блога-Добавить гаджет (HTML/JavaScript ) и вставляем такой код:

<marquee direction="up" scrollamount="1" scrolldelay="0" height="500"><script style="text/javascript" src="http://abu-farhan.com/script/daftarisibloggerarchive/tocbyarchivemin.js"> </script><script src="http://ВАШ БЛОГ/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc"> </script></marquee>

-где ВАШ БЛОГ-это адрес вашего блога. 

Если вы хотите чтобы заголовки ползли вниз, вставляем такой код:

<marquee direction="down" scrollamount="1" scrolldelay="0" height="32"><script style="text/javascript" src="http://abu-farhan.com/script/daftarisibloggerarchive/tocbyarchivemin.js"> </script><script src="http://ВАШ БЛОГ/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc"> </script></marquee>
Если вы хотите чтобы ваше содержание блога можно было прокручивать,то вставляем этот код: <div style="overflow:auto; height:80px; width:500px; padding:8px; border:1px solid #ccc;"> <script style="text/javascript" src="http://abu-farhan.com/script/daftarisibloggerarchive/tocbyarchivemin.js"> </script><script src="http://ВАШ БЛОГ/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc"> </script></div>
Все,сохраняемся и любуемся:)

источник