Карта блога или содержание .(в том числе и меню аккордеон).Йёжа Йежов

 Карта блога или Содержание .Йёжа Йежов

У нас уже есть блог ,если ещё нет ,то
Создаём бесплатный блог на Blogger ( blogspot.com)
Постепенно мы обрастаем сообщениями ,как  валун мхом .И потихоньку начинаем путаться в собственной паутине статей .Вот тута где-то была статья .Эхх,а может тама , а не тута .А кто ж её знает где она ?! Ну ,вот ,даже автор заблудился в собственных статьях , чего говорить про посетителей?! Думаю, им тоже не сладко -пытаться найти в этих дебрях зерно истины! Когда статьи две или три ,то рраз и нашли , а вот когда больше ,уже проблемыыы.И что теперь делать, спросим мы ? Ну первый вариант : поспрашивать народ ,который встретится на пути .-Как пройти в библиотеку? \ в три часа ночи вопрос как -то не очень звучит \ Народ либо разбежится ,либо в глаз даст ,недолго думая .Вариант отпадает ,думаю.
Мы пойдём другим путём ! Мы создадим указатели и таблички прибьём ! И сделаем карту блога !
Итак ,мы с вами решили  ,чтобы не заблудиться ,нужна КАРТА БЛОГА или по-другому СОДЕРЖАНИЕ.

Именно это нам поможет ползти ,стиснув зубы ,от статьи к статье и не потеряться.
В данной статье будет несколько вариантов того , что надыбал в инете .Каждый хорош по-своему и у каждого есть недостатки.

Но , прежде , чем ставить сию красоту в блог , у нас должны быть сообщениям  присвоены ЯРЛЫКИ

Итак , начнём  всё-таки заниматься созданием содержания блога

Первый вариант карты блога \Содержания \

Взят здесь    .После создания автоматически выводит наши сообщения по рубрикам и алфавиту.Недостаток ,впрочем он у всех автоматических карт ,более ранние сообщения почему-то выкидывает и не показывает .Возможно решится  переставлением  даты публикации сообщения.Внешний вид-размер шрифта ,цвет ссылок  зависит от настроек нашего блога .Второй недостаток -при большом количестве сообщений получается длинный список ,который замучаешься крутить .

Этот вариант  Содержание \Карту Блога\ можно посмотреть ЗДЕСЬ
Прочитать о создании варианта один можно развернув спойлер ниже

Идём в редактирование нашего блога .
Страницы-Создать страницу-выбираем Пустая страница

Идём в редактирование HTML

Копируем и вставляем данный код

<script src="http://damir-tote.googlecode.com/files/карта%20сайта.js"></script><script src="Адрес вашего блога/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

 Меняем выделенное красным на  свой адрес блога  и вставить в страницу. Сохранить.Всё карта блога создана ,ничего сложного

Второй вариант Карты блога \раскрывающийся\

Взят здесь    .После создания автоматически выводит наши сообщения по рубрикам и алфавиту.Недостаток ,впрочем он у всех автоматических карт ,более ранние сообщения почему-то выкидывает и не показывает .Возможно решится  переставлением  даты публикации сообщения.Внешний вид как есть .Может и регулируется ,но не знаю как.

Если не сделать белым фон ,то будет белая полоса (см .рисунок ниже )

Посмотреть  Этот вариант в работе можно здесь
Прочитать о создании варианта два можно развернув спойлер ниже
.

Создаём страницу как в варианте 1 .Или можно просто новое сообщение.Это касается всех способов создания. Только вставляем другой код

 <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>

Меняем выделенное краснным на свой адрес блога .Не забываем нажать  Сохранить.

.

Третий вариант Карты блога \раскрывающийся -аккордеон\

Взят здесь
Варианты этого меню с возможностью изменения цвета -не пробовал
 http://www.bloguspeh.ru/2012/01/kak-sozdat-kartu-bloga-na-blogspot.html
 http://chudokompik.ru/blogspot/kak-sozdat-stilnuyu-kartu-bloga-na-blogspot.html

 
Посмотреть  Этот вариант в работе можно здесь
.

После создания автоматически выводит наши сообщения по рубрикам и алфавиту.Недостаток ,впрочем он у всех автоматических карт ,более ранние сообщения почему-то выкидывает и не показывает .Возможно решится  переставлением  даты публикации сообщения.Внешний вид как есть .Может и регулируется ,но не знаю как.
 Создаём страницу как в варианте 1 .Или можно просто новое сообщение.Это касается всех способов создания. Только вставляем другой код

 <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>

Меняем выделенное красным на свой адрес блога .Не забываем нажать  Сохранить.

.
.

Без кнопок \текстовой\
http://test-templates.com/development/97-prostejshee-menyu-garmoshka-accordion-menu.html 
Меню "Аккордеон" на основе jQuery и CSS 

http://shurawi.blogspot.com/2011/06/menyu-akkordeon-na-osnove-jquery-i-css.html
http://dbmast.ru/tag/akkordeon
http://dbmast.ru/menyu-akkordeon-bez-javascript-i-izobrazhenij(проверял работает)
http://dbmast.ru/files/accordion3/accordion.html
http://dbmast.ru/sozdaem-blok-navigacii-v-stile-akkordeon
http://dbmast.ru/menyu-navigacii-v-stile-akkordeon-css3-jquery( проверял раб.)
http://shurawi.blogspot.com/2011/08/ewe-odin-akkordeon-bez-javascript-i.html
http://www.nikmurashkin.ru/instrukcii-i-metody/74/menju-akkordeon
http://xozblog.ru/2012/06/accordions/
http://efimov.ws/main/develop/javascript/menus-accordion.html
 Карта блога для Blogger.forbloggerhelp.blogspot

Вертикальное меню навигаций "Аккордеон " на CSS3

Вредоносный скрипт для создания карты блога

Ещё карта блога

Вредоносное ПО включает 1 scripting exploit(s).wmdv.blogspot.ru
 Accordion CSS ..shpargalkablog.ru
 Делаем вертикальное меню аккордеон.http://goldserfer.ru/
 Красивые карты сайта для blogspot mycrib.ru
 Красивый список css www.mycrib.ru
Карта блога для blogger три варианта без вируса http://all-blogspot.com/2014/02/maps-site-blog-blogger.html
Как создать карту для блога Blogspot

...

.

ЕЩЁ СТАТЕЙ ОТ ЙЁЖИ ЙЕЖОВА

Об Авторе 

.