-Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в Делитант

 -Рубрики

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 25.12.2007
Записей: 1514
Комментариев: 24695
Написано: 29440


Оптимизируем blogger: показать/скрыть часть записи

Воскресенье, 30 Ноября 2008 г. 11:15 + в цитатник

краткоЕсть у платформы blogger.com один недостаток недопустимый для нормальной работы блога. Дело в том, что гаджет отображения не умеет отображать сокращенные варианты сообщений. Конечно, для блога коротких сообщений это вполне допустимо. Если же в блог выкладываются обширные тексты, то главная страница превращается в абсолютно нечитабельное многометровое полотенце.

 

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

 

Итак, на отображение текста влияют три составляющие: CSS, Javascript и теги шаблонов Blogger. Внесем необходимые изменения, шаг за шагом.

 

1. Изменяем CSS

 

Это самая простая часть. Нужно несколько классов, что скрыть или показать объект. Так что просто вставляем эти две строки в ваш макет:

.posthidden {display:none}
.postshown {display:inline}

Таблица стилей обычно располагается в верхней части шаблона между теги. Если у вас есть своя таблица стилей в отдельном CSS файле, просто добавте строки в этот файл, а не в шаблон. А я перейду в панель управления блогом Макет - Изменить HTML

макет

В разделе отвечающем за внешний вид записи

вид записи

добавим необходимый фрагмент кода:

добавить код

 

2. Изменяем Javascript



Используем функцию, чтобы показать или спрятать объект изменяя его CSS стиль.

Добавьте следующий код в шаблоне, между тегов:

меняем скрипт

 

3. Редактируем запись

 

Теперь, создавая новую запись, можно любой объект (текст или картинку) сделать доступным по требованию. Для этого достаточно его заключить в тег:

Необходимо присвоить объекту соответствующий id, например id="image"

А для показа, скрытия объекта используется код:

   [] показать/скрыть запись

В параметре expandcollapse * должна соответствовать значению id, например javascript:expandcollapse('image')

 

Используя вот такую запись:

пример записи

Получаем:

пример

После нажатия на ссылки, посетитель увидит:

полный вариант

 

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

 

Статьи по теме:

  1. Создаём RSS подписку и счётчик статистики для blogger.com
  2. Наконец-то я понял, что blogger не фуфло

 

Сувениры и Подарки

Рубрики:  Интернет/blogger.com
Метки:  

Процитировано 1 раз

Аноним   обратиться по имени Понедельник, 01 Декабря 2008 г. 15:00 (ссылка)
Замечательно. Пригодится
Ответить С цитатой В цитатник
холостяк   обратиться по имени Суббота, 10 Января 2009 г. 17:53 (ссылка)
открывать будет в новом окне или в родительском?
Ответить С цитатой В цитатник
Делитант   обратиться по имени Суббота, 10 Января 2009 г. 18:28 (ссылка)
холостяк, том же. Ничего не меняется, просто показыается полный текст.
Ответить С цитатой В цитатник
Аноним   обратиться по имени Пятница, 05 Марта 2010 г. 10:42 (ссылка)
Скажи, пожалуйста, куда конкретнее скрипт вставлять.
Дело в том, что текст скрывает, но после нажатия ЧИТАТЬ ДАЛЕЕ, не открывает (то же самое, если скрипт вообще не добавлять)
Куда я его только не совал, чтоб заработало...
Помоги плиз
Ответить С цитатой В цитатник    |    Не показывать ветку
Перейти к дневнику

Пятница, 05 Марта 2010 г. 11:42ссылка
Аноним, Сейчас эта функция встроена в блоггер. Так что возится не нужно.
Перейти к дневнику

Суббота, 06 Марта 2010 г. 14:06ссылка
Аноним
Ну, а как тогда это осуществить??? Новый редактор у меня не загружается
потому что я уже месяц парюсь данным вопросом
Перейти к дневнику

Суббота, 06 Марта 2010 г. 22:35ссылка
Аноним, где-то в комментариях к этой записи (http://www.liveinternet.ru/users/2203716/post87172544/) есть ссылка на то как сейчас делать.
Nomadex   обратиться по имени Пятница, 09 Апреля 2010 г. 16:41 (ссылка)
Спасибо. Помогло.
Ответить С цитатой В цитатник
Аноним   обратиться по имени Четверг, 09 Июня 2011 г. 19:07 (ссылка)
Офигенно! сработало! Благодарю.
Ответить С цитатой В цитатник    |    Не показывать комментарий
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку