Несколько интересных решений предложил Abu Farhan, из которых наиболее удобным и эстетичным для читателя я вижу это. Здесь список строится по алфавиту. Пример.
Реализация проста: в "Дизайн"-"Отправка"-"Изменить страницы" создаём страницу,
куда активировав вкладку "Изменить HTML" добавляем код:
![]() |
| Создать страницу в Blogger. |
<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://адрес_блога/feeds/posts/summary?max-results=500&alt=json-in-script&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>Здесь достаточно указать свой адрес_блога, например, shpargalkablog.ru.
Максимальное количество записей будет 500. В том случае, когда нужно больше, делаем вторую страницу от 501 до 1000. При этом часть кода будет выглядеть как:
<script src="http://адрес_блога/feeds/posts/summary?&start-index=501&max-results=500&alt=json-in-script&callback=loadtoc"></script>
![]() |
| Сделать оглавление в Blogger. |
Второй вариант создания "Содержания".
Если в первом варианте сообщения повторяются, то во втором мы можем ограничить количество ярлыков, последовательность и наличие которых мы определяем сами. Тут список формируется по дате. Автор Amanda Kay. Пример.
Шаг. 1 Получаем ключ API для блога, например, ABQIAAAAlFi5Iz5v-C52X6_n6Bs7bxR3iE088G6yu5DMm6klKs8gja_rfRREFhRHAF5bqnhr6qieD8ncvMIt3Q.
Шаг. 2 Создаём страницу (см. выше), куда на вкладке "Изменить HTML", добавляем:
<script type="text/javascript" src="http://www.google.com/jsapi?key=API_ключ"></script>
<script type="text/javascript">
google.load("feeds", "1");
function OnLoad() {
var feedControl = new google.feeds.FeedControl();
feedControl.addFeed("http://имя_блога.blogspot.com/feeds/posts/default/-/название_ярлыка?max-results=500", "<b><big>название_ярлыка</b></big>");
feedControl.addFeed("http://имя_блога.blogspot.com/feeds/posts/default/-/название_ярлыка?max-results=500", "<b><big>название_ярлыка</b></big>");
feedControl.addFeed("http://имя_блога.blogspot.com/feeds/posts/default/-/название_ярлыка?max-results=500", "<b><big>название_ярлыка</b></big>");
feedControl.addFeed("http://имя_блога.blogspot.com/feeds/posts/default/-/название_ярлыка?max-results=500", "<b><big>название_ярлыка</b></big>");
feedControl.addFeed("http://имя_блога.blogspot.com/feeds/posts/default/-/название_ярлыка?max-results=500", "<b><big>название_ярлыка</b></big>");
feedControl.addFeed("http://имя_блога.blogspot.com/feeds/posts/default/-/название_ярлыка?max-results=500", "<b><big>название_ярлыка</b></big>");
feedControl.addFeed("http://имя_блога.blogspot.com/feeds/posts/default/-/название_ярлыка?max-results=500", "<b><big>название_ярлыка</b></big>");
feedControl.setNumEntries(-1);
feedControl.draw(document.getElementById("content"));
}
google.setOnLoadCallback(OnLoad);
</script>
<div id="content">
Загрузка, пожалуйста, подождите...</div>К сожалению, мне так и не удалось повлиять на стиль CSS. Возможно у кого-то из читателей это получится. Пишите в комментариях.Третий вариант страницы "Оглавления".
Это "Оглавление" рассмотрено в отдельной статье (пример). Оно несколько отличается от показанных ранее. Её автором является JMiur.


Отправить комментарий