Оптимизируем blogger: показать/скрыть часть записи |
Есть у платформы blogger.com один недостаток недопустимый для нормальной работы блога. Дело в том, что гаджет отображения не умеет отображать сокращенные варианты сообщений. Конечно, для блога коротких сообщений это вполне допустимо. Если же в блог выкладываются обширные тексты, то главная страница превращается в абсолютно нечитабельное многометровое полотенце.
Один из способов это исправить я описал здесь: Оптимизируем blogger: анонс или краткая версия записи. Сегодня познакомлю вас с еще одним способом. Какой выбрать? Я не знаю. У каждого есть свои плюсы и минусы.
Итак, на отображение текста влияют три составляющие: CSS, Javascript и теги шаблонов Blogger. Внесем необходимые изменения, шаг за шагом.
Это самая простая часть. Нужно несколько классов, что скрыть или показать объект. Так что просто вставляем эти две строки в ваш макет:
.posthidden {display:none}
.postshown {display:inline}
Таблица стилей обычно располагается в верхней части шаблона между теги. Если у вас есть своя таблица стилей в отдельном CSS файле, просто добавте строки в этот файл, а не в шаблон. А я перейду в панель управления блогом Макет - Изменить HTML
В разделе отвечающем за внешний вид записи
добавим необходимый фрагмент кода:
Используем функцию, чтобы показать или спрятать объект изменяя его CSS стиль.
Добавьте следующий код в шаблоне, между тегов:
Теперь, создавая новую запись, можно любой объект (текст или картинку) сделать доступным по требованию. Для этого достаточно его заключить в тег:
Необходимо присвоить объекту соответствующий id, например id="image"
А для показа, скрытия объекта используется код:
В параметре expandcollapse * должна соответствовать значению id, например javascript:expandcollapse('image')
Используя вот такую запись:
Получаем:
После нажатия на ссылки, посетитель увидит:
В связи с кризисом, цены на недвижимость понемногу начали снижаться. Поэтому, именно сейчас, пора задуматься о покупке квартиры в новостройках. А при такой серьёзной покупке нужно обеспечить юридическое сопровождение сделок с недвижимостью дешево. Обо всем этом можно прочитать по указанным ссылкам.
Статьи по теме:
Рубрики: | Интернет/blogger.com |
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |