Как в блоге сделать страницу «Содержание» (Table of Content)

четверг, 17 июня 2010 г.
Вы наверное видели на некоторых блогах такую замечательную штуку, как страница «Содержание» (Содержимое, Архив, Table of Content), где по рубрикам каталогизированы все опубликованные ранее посты. На Blogspot-блогах это явление не частое, хотя польза от подобных страниц определенно есть. Во-первых, читатель может зайти и прогуляться по «архиву». Во-вторых, поисковые системы. Подобная страница — практически Sitemap (кстати, почему бы ее так и не использовать), как минимум очень хороша для индексации.


Проблема была одна — как такую страницу сделать? Раньше выход был примерно следующий — создать страницу на блоге и долго вручную ее забивать, разбирая посты по рубрикам. Одно дело если у вас 10 постов, а если 500 или 100? Это огромное количество работы! К тому же, каждый новый пост приходилось бы заносить в ручную. Согласитесь, ритуал не удобный.

Изящное решение было найдено недавно (по-крайней мере найдено мной недавно) на блоге Abu-farhan. Для начала вы создаете обычную страницу Blogger (используя новые возможности blogger по созданию страниц), или обычный пост задним числом и размещаете там следующий HTML код:
<script src="http://scriptabufarhan.googlecode.com/svn/trunk/daftarisiv2.js"></script>
<script src="http://ВАШ_БЛОГ.blogspot.com/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
Заменяете «ВАШ_БЛОГ» на имя своего блога и готово. При заходе на вашу страницу «Содержимого» скрипт в автоматическом режиме с генерирует это самое оглавление. Как видите, процесс инсталляции элементарный.

Теперь немного о стилях. В той редакции что я опубликовал, код не содержит стилей CSS. Сам автор прилагает к коду стиль Google Feed:
<link rel="stylesheet" href="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css" type="text/css" media="screen">
У меня, как говориться, «не сел», поэтому я от него вообще отказался, благо и без этого страница выглядит вполне прилично. Вы можете поэкспериментировать или даже прикрепить свой собственный стиль. Удачной модернизации!

P.S. Поствой. Oznaka - качественная разработка сайта в Киеве.
Полезный курс по заработку на AdSense – получай доход от контекстной рекламы.
Убрать напряжение помогут игры стрелялки - в них вы можете делать то, что нельзя в реальной жизни.

Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   
Related Posts with Thumbnails