Показать-спрятать фрагмент

На Blogger есть возможность показать только часть записи на главной странице, заменив остальной текст ссылкой "читать дальше". Ниже описывается технология не имеющая к этому никакого отношения.

Бывает полезно не загромождать сообщение большими цитатами, изображениями или видеоклипами, а показывать их по требованию. Выглядит это следующим обрзом: например в заметке «Что было в Начале» есть два скрытых фрагмента. Первый содержит видео, второй продолжение заметки, по функции похожее на ссылку "читать далее", но не зависимое от того на главной это странице или нет.

Решение не элементарное и требует наличия определённых знаний HTML и навыков работы. Делается это следующим образом:

Первым делом надо вставить функцию JavaScript, которая будет показывать или прятать выбранный фрагмент. Для этого надо открыть шаблон блога в режиме редактирования HTML и перед тегом </head> вставить следующий код:

В этом блоге используются синие кнопочки с белыми стрелочками

Вместо них можно использовать свои иконки. Или не использовать картинки, а пользоваться только текстовыми ссылками.

Когда будете создавать новую заметку, с содержимым которое должно быть спрятано надо воспользоваться html-редактором (режим Compose) и вставить следующий код:

Что следует помнить!

  • Каждый такой элемент имеет уникальное название. В примере это first. Это имя используется в качестве параметра для функции управления и навигации. При добавлении надо внимательно следить, что бы имена были уникальны и указаны правильно во всех элементах. Например: в конструкции switchDiv('first_t','first_l') в других случаях надо заменить first на другое имя, подходящее по смыслу таким образом: switchDiv('fb_t','fb_l'). По такому же шаблону следует внести изменения и для других параметров.
  • Не забывайте указать полный путь к файлу изображения в элементе <img src="blue_down.gif"> - вместо blue_down.gif укажите полный путь к изображению такой де как и для функции JavaScript.
  • В примере показано два варианта управления: с иконкой-кнопочкой и текстовой ссылкой. Оба варианта можно использовать как отдельно так и совместно. В этом случае при показа-скрытии вид картинки изменяется, а текст ссылки остаётся постоянным.

Содержание скрывается только для людей, но не для поисковых роботов. Так что скрытый таким образом текст будет проиндексирован.