суббота, 25 сентября 2010 г.

postheadericon Как сделать оглавление блога (содержание) в 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 >
Все,сохраняемся и любуемся:)
 

Интересное:

Recent Posts Widget
Технологии Blogger.