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

 Я считаю, что у каждого должен быть выбор. Поэтому сегодня, я покажу три вида карты для вашего блога:

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

Карта блога
Для того чтобы установить такую карту в блог, нужно создать статическую страницу и в режиме 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 адрес вашего блога. Готово.

Как создать карту блога с эффектом аккордеона для 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="###/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>
Меняем решетки на адрес блога. Всё. Скрипт - abu-farhan

Следующая карта блога, мне нравится больше всего.

Стильная карта блога для блоггер

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

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

<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='###/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc'></script>
<script type='text/javascript'>
var accToc=true;
</script>

Вместо решеток вставляем url адрес вашего блога. Готово. Всем пока. Удачи.
 Скрипт - Bloggerzbible

С уважением, Сергей - блог Все для Blogger


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


34 коммент. :

  1. Виджеты хороши, спасибо! Такой вопрос: нельзя ли сделать так, чтобы показывалась не вся карта, а отдельные ярлыки? То есть, чтобы можно было карту как бы частями выложить...

    ОтветитьУдалить
    Ответы
    1. Частями нет.Это только вручную прописывать, то что Вы хотите показать. [-(

      Удалить
  2. Анонимный10 июля 2013 г., 22:12

    Здравствуйте! Как можно сделать карту с картинками? И как можно сделать так, чтобы первой открывалась не главная страница, а другая?

    ОтветитьУдалить
    Ответы
    1. Привет!Где то видел такую,попробую вспомнить, потом напишу об этом.

      Удалить
    2. Загляни, посмотри на карту с картиками

      Удалить
  3. Не работает ни один вариант. У меня уже стоял третий, работать карта перестала. Сейчас попробовала второй - та же история

    ОтветитьУдалить
    Ответы
    1. Перестали работать последние две,надо разобраться почему.Работает первая,пока поставьте её.

      Удалить
  4. Отлично! Все работает! До этого не получалось, так как не было ярлыков. Сделала ярлыки к статьям и все вышло!

    ОтветитьУдалить
    Ответы
    1. Привет,Анастасия!Ярлыки всегда к статьям нужны,обязательно. :)

      Удалить
  5. ничего не работает.

    ОтветитьУдалить
    Ответы
    1. Ставьте последнею.Первые перестали работать.

      Удалить
  6. Последняя работает, спасибо вот доказательство: http://optimizator-blog.blogspot.ru/p/blog-page_29.html

    ОтветитьУдалить
  7. А без ярлыков к постам, можно как-то собрать все сообщения в блоге в одну страничку, помогите пожалуйста

    ОтветитьУдалить
  8. Хочу поставить последний вариант, а он не пашет, тупо на главную переадресовывает...

    ОтветитьУдалить
    Ответы
    1. Привет, Роман! Сейчас эта карта самая работоспособная, все работает. Проверьте у меня. Значит ошибка у вас.

      Удалить
  9. Содержание на весь блог - это мы уже делали. А как насчёт содержания на каждую страницу блога на blogspt? Ну, например, текст состоит из 4х абзацев с 4-мя подзаголовками. И в содержании, в самом начале статьи отображаются пронумерованные подзаголовки из статей, которые закрыты от дублирования контента, но нажав на 1 из четырёх пунктов в содержании читатель прямиком попадает на тот абзац, который намерен прочитать.

    ОтветитьУдалить
  10. Карта блога полезна в основном для поисковиков. На данный момент ее можно предоставить в виде имя_блога.blogspot.com/sitemap.xml
    Для пользователей конечно можно и такую

    ОтветитьУдалить
  11. У меня в Мозилле и опере норм меню-аккодеон , а в гугл хром перестало появляться.
    в браузере на базе гугл от яндекса вообще пишет

    "Эта страница содержит контент с сайта abu-farhan.com, который был замечен в распространении вредоносного ПО."
    Думаю причина указана в этой статье http://wmdv.blogspot.ru/2013/12/1-scripting-exploits.html

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

      Удалить
    2. Код правда брал не у вас,но аналогичный .А на хостинг , что самое смешное ,залито .Там в виджете есть ссылка на abu-farhan.com , возможно в этом всё дело .

      Удалить
    3. Если ссылка есть, тогда ясно. Последняя карта мне больше нравится.

      Удалить
  12. вторая схема заблокирована гуглом как вредоносня

    ОтветитьУдалить
  13. Спасибо! Последний вариант очень мне подошёл!

    ОтветитьУдалить
  14. Подскажите, пожалуйста, почему не работает карта? Ставлю последнюю. Ярлыки к сообщениям имеются. Пока в блоге всего 2 записи, но это же не имеет значения?

    Виджет ярлыки не стоит. Может из-за этого не отображается?

    ОтветитьУдалить
    Ответы
    1. url блога правильно указали, чтобы два слеша не было в ссылке.

      Удалить
    2. всё делаю по порядку, ничего лишнего нет. почему-то даже другие варианты карт с посторонних сайтов не работают. в чем может быть причина?

      Удалить
  15. Ответы
    1. Всё работает, проверьте здесь, нажмите в меню Карта блога.

      Удалить
  16. Добрый день! Такой с виду замечательный способ... но у меня динамический шаблон и в нем не работает =( Создала страницу, скопировала Ваш код. Но при просмотре список сообщений не выводится. Подозреваю, что из-за того, что контент в динамическом шаблоне генерируется ajax'ом b и скрипты на страницах не выполняются... Не знаете случайно такого же просто способа создания карты для динамического шаблона?

    Вот страница на моем блоге, куда я добавила скрипт: http://skamstories.blogspot.sg/p/blog-page_10.html

    Заранее спасибо!

    ОтветитьУдалить
    Ответы
    1. Привет! Я вам ответил у себя в другом блоге.Посмотрите пожалуйста.

      Удалить