29 января 2013 г.

Как сделать карту блога (содержание) для blogger

Всем привет!  Наша тема: как создать страницу в блоге со всем содержанием (карта блога). Практически каждый, кто завёл блог на blogspot, задаётся вопросом, каким образом  можно сделать разделение статей по рубрикам и добавить оглавление. Есть простой способ. В этом нам поможет скрипт на основе ленты фида вашего блога, он автоматически генерирует заголовки всех постов. Сама страница оглавления  очень удобна для читателя, решившего ознакомиться с содержанием блога, так как все статьи разделены по рубрикам и есть упоминание о свежих опубликованных постов. Новые сообщения помечаются значком New !!. Вашему вниманию будет предложено три варианта:

1. Простая карта блога, подойдёт для тех у кого мало сообщений.
2. Содержание блога с эффектом аккордеона, для блогов с большим количеством статей.
3. Стильная карта блога, тоже самое, у кого много постов.

Как сделать карту блога (содержание) для blogger


Простая карта блога
Первым делом нам нужно будет создать статическую страницу, затем в режиме HTML вставить скрипт:

<script src="http://dl.dropbox.com/u/48089857/sitemap1.txt"></script>
<script src="###/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>


Меняем решетки на url адрес вашего блога .

Карта (содержание) блога с эффектом аккордеона

Эффект аккордеона
Для такой карты вот код:

<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://helpblogger-ru.blogspot.ru/feeds/posts/summary?max-results=1000&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>

Здесь также меняем мой адрес блога на свой url.

Виджет карты с эффектом аккордеона - Abu-Farhan

Стильная карта блога (содержание) для blogger

Карта блога
Здесь так же как и у карты с эффектом аккордеона, при нажатии на крестик определённого ярлыка, открываются все названия сообщений. Очень удобно, занимает меньше места.

Такую карту делаем с помощью такого скрипта:

<link href='https://dl.dropbox.com/u/20885327/toggle_function.css' media='screen' rel='stylesheet' type='text/css'></link>
<script src='https://dl.dropbox.com/u/20885327/toggle_function.js' type='text/javascript'></script>
<script src='https://dl.dropbox.com/u/20885327/toggle_toc.js/' type='text/javascript'></script>
<script src='http://helpblogger-ru.blogspot.ru/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc'></script>
<script type='text/javascript'>
var accToc=true;
</script>

Опять же не забываем заменить адрес блога на свой. Публикуйте страницу и добавляйте её в меню.

Виджет стильной карты для blogger - Bloggerzbible.com

На этом я с вами прощаюсь не на долго. До новых встреч. Пока.


Ух ты кнопочки! Понравилась статья? Поделитесь с друзьями:

11 коммент. :

  1. Последняя карта для блога, просто супер. (h)

    ОтветитьУдалить
  2. Ответы
    1. Пожалуйста!Вот решил новый блог ещё создать.Постараюсь этот блог раскрутить на полную катушку. :)

      Удалить
  3. Пробовала всё, на нескольких блогах, нигде не работает. Жаль!

    ОтветитьУдалить
    Ответы
    1. Привет,Татьяна!Все должно работать.Вы смотрели здесь на блоге-содержание?

      Удалить
  4. Анонимный11 июля 2014 г., 18:13

    НЕ ОДИН ИЗЛОЖЕНЫЙ НА ЭТОМ ВЕБ - САЙТЕ НЕ ЧИТАЮТ СОВРЕМЕННЫЕ БРАУЗЕРЫ И ПОКАЗЫВАЕТ КАК ПУСТЫЕ СТРАНИЦЫ

    ОтветитьУдалить
  5. Работает спасибо отдельное за последний вариант! Правда немного долго грузится но с предыдущей картой первые сутки была аналогичная ситуация.

    ОтветитьУдалить
    Ответы
    1. Привет, Владимир! Долго загружается, может статей много. 8-)

      Удалить
  6. Привет Сергей, у меня вазникли проблемы, я хотел вставит второй вариант на мой блог, оно вообше не работал у меня, а второй вариант когда установил, в странице отображались только ярлики и ни один из них не сработал...

    ОтветитьУдалить
    Ответы
    1. Проверь адрес блога,чтобы на конце один слеш был вот такой /

      Удалить

 
Яндекс.Метрика