пятница, 20 августа 2010 г.

Создание содержания блога

В последнее время мне стали попадаться сообщения о том, как создать содержание блога. Авторы этих сообщений предлагают делать это на отдельной статической странице. Пример.

Мне показалось, что содержание с выпадающими подпунктами (как карта сайта или меню) прямо на странице с постами будет удобнее для читателей.
На блоге http://www.abu-farhan.com/ представлен скрипт для содержания с выпадающими подпунктами.

<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="http://www.oblo.web.id/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;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>

Мне не подошел дизайн, чуть изменив код у меня получилось:

<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://inf548.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;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>
 

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

6 комментариев:

  1. Большое спасибо! Очень хотела именно такое меню.

    ОтветитьУдалить
  2. Здравствуйте, Ольга! Очень поражена объемом проделанной Вами работы! Всё так полезно! Спасибо огромное! Хотела воспользоваться Вашими рекомендациями по поводу создания содержания в блоге. Добавила гаджет, вставила скрипт, опубликованный на этой странице. Но содержание не появляется. Может, нужно что-то еще прописать куда-нибудь? Как появляются названия разделов в содержании (Google Docs, например)? Очень-очень прошу помочь. Ответ можно выслать на kot-talant@yandex.ru. Заранее огромное спасибо.

    ОтветитьУдалить
  3. Уважаемая Анжела Анатольевна!
    Вы неверно скопировали предлагаемый мной код. Я прилагаю картинку с тем, что увидела в Вашем коде на Вашем блоге в своем письме. Будьте внимательны!

    ОтветитьУдалить
  4. Ольга! Здравствуйте, спасибо за помощь. Сделала содержание, но текст в нем слишком крупный, у Вас все выглядит компактно, подскажите, пожалуйста, как это поменять?

    ОтветитьУдалить
  5. Маргарита Валерьевна! У Вас крупные буквы потому что вы писали заголовки сообщений заглавными буквами. Исправьте их на строчные, и все будет красиво.

    ОтветитьУдалить
  6. Действительно, очень удобная форма содержания. Впервые такую встречаю на Блоггере.
    И спасибо Вам, что делитесь со всеми вашими наработками, читаю с большим интересом!

    ОтветитьУдалить

Related Posts with Thumbnails
 
Наверх страницы