Blogger: Улучшенные расширяемые сообщения (Убираем под кат) !

С праздником, дорогие защитники!

Здоровья, Счастья, Любви и Удачи!

Праздник у нас наступающий и у всех желающих есть еще возможность украсить свой блог симпатичной открыткой. Я свою взяла на Яндекс.Открытках (Зная креативность своих читателей, думаю очень немногие воспользуются полученным советом - у 95% уже заготовлен свой шедевр, ждущий только своего часа быть опубликованным)

Так что с вашего позволения я продолжу о вещах, в которых я разбираюсь лучше чем в рисовании. Мы продолжим о так называемых расширяемых сообщениях. Тема такая же обширная как и тема о Ярлыках (я помню, что не рассказала вам все что можно на их основе сделать).

Итак, сегодня мы продолжаем разговаривать о расширяемых сообщениях, о которых мы начали разговор в прошлый раз (Blogger: Расширяемые сообщения (Убираем под кат) -1). Многие читатели заметили, что возможно это не совсем оправдано, когда ссылка "Читать далее..." появляется во всех сообщениях, даже в тех в которых читать далее нечего (они были написаны давно и под кат там ничего убрано не было).

Ред. Наконец Blogger разработал встроенную в редактор возможность убирать часть поста под кат. Очень рекоммендую воспользоваться: Blogger: Как вставить 'Читать дальше'

Лирическое отступления для специалистов: Исследование этого вопроса, как улучшить предложенный в Blogger Help скрипт заняло у меня примерно неделю. Я заходила с разных сторон, пытаясь добиться, чтобы ссылка "Читать далее..." появлялась только у сообщений, написанных после определенной даты. Это у меня не получалось, потому что язык XHTML, на котором написаны шаблоны у Blogger не поддерживает сравнение строк на больше-меньше, только равно - не равно (по крайней мере у меня не получилось заставит Blogger произвести такое сравнение). Можно было пойти по пути включения в код куска на java-script, но.... тут несколько дней назад я встретила уникальную статью, написанную умнейшим человеком Yin Wang. Во всем интернете ТОЛЬКО ОН догадался до красивой и очевидной (для людей владеющими в совершенстве CSS - я к ним к сожалению не отношусь, зато есть куда стремиться) идеи как сделать чтобы ссылка "Читать далее..." появлялась только в статьях где мы убирали под кат часть статьи. Прочитав его статью: A better way to create expandable post summaries in Blogger (для классических шаблонов), написанную еще в 2005 году, я вдохновилась и адаптировала его идею для новых шаблонов Blogger'а, исправив по пути несколько неточностей (сразу видно, что статью писал математик, для которого главное - красивая идея ;)).

Итак, предлагаю вашему вниманию результат совместного творчества: расширяемые сообщения для платформы Blogger методом Prostova-Wang ;)

Как всегда:

Панель инструментов -- Дизайн -- Изменить Html
Ставим галочку на Расширить шаблоны виджета.

1) Находим тег </head> и ПЕРЕД НИМ пишем кусок кода описывающий CSS-style

<style>
a.more{display:none;}
<b:if cond='data:blog.pageType != &quot;item&quot;'>
span.fullpost {display:none;}
span.fullpost + a.more {display:inline;}
span.fullpost + div + a.more {display:inline;}
<b:else/>
span.fullpost {display:inline;}
</b:if>
</style>

Те кто, уже внедрил код расширяемые сообщения из предыдущей статьи, заменяют написанный ранее блок <style> ... </style> на этот.

2) Теперь находим в нашем Html-коде строчку

<data:post.body> (здесь могут быть небольшие разночтения)
строчка может выглядеть и вот так: <data:post.body/>
но очевидно, что символыdata:post.body там будут обязательно

Ее (эту строчку мы оставляем в покое - не трогаем), а ПОСЛЕ НЕЁ вставляем код:

<a class='more' expr:href='data:post.url' style='font-size:130%;' title='Читаем всю статью…'>Читать дальше...</a>

Кто уже внедрил код из предыдущей статьи, заменяет его на приведенный выше.

Пояснение: Этот код ни что иное как описание ссылки "Читать далее..." она будет вставлена после тела вашей статьи (а вот появится она или она будет спрятана зависит от того заканчивается ли ваша статья "спрятанной областью" или нет [это описывается в CSS-коде, который мы вставили на предыдущем шаге]).

Описывать ссылки мы уже учились вот в этой статье: Blogger: Начала HTML - Ссылки! и знаем что такое title, и знаем, что может быть разумнее не отправлять читателя навсегда на страницу со статьей, он может и не вернуться к нам на главную для этого можно вписать в тег ссылки параметр target='_blank' (например перед первой >). В нашем коде для ссылки "Читать далее..." я специально поставила описатель стиля style='font-size:130%;' - тем самым сказав браузеру увеличить шрифт на 30% от базового. Вы можете этот описатель убрать, а можете и добавить всяческих красот типа:
изменить цвет color: вот так будет еще заметнее; (вместо русских слов вставляем номер любимого цвета),
font-weight: bold; - хочу чтобы текст ссылки была полужирной и т.д. на что фантазии хватит (такого рода описатели вставляем между апострофами в параметре style и не забываем заканчивать описатель каждого свойства точкой запятой).

Ну, вот собственно с исправлением шаблона мы закончили. Нажимаем ПРОСМОТР и если у нас ничего не сломалось СОХРАНИТЬ.
3) Работа над шаблоном закончена. А чтобы статья стала расширяемой конец статьи, который мы будем прятать, должен быть заключен между тегами <span class="fullpost"> и </span>

Обратие внимание: Очень важно, чтобы статья заканчивалась спрятанной областью (только в этом случае у нас появится ссылка "Читать дальше...")

Теги в статью можно поставить вручную: Когда статья уже целиком написана переходим в режим "Изменить Html", ищем место, начиная с которого будем прятать текст и ставим <span class="fullpost"> теперь идем в самый конец статьи и ставим </span>.

Для тех у кого в статье слишком сложное форматирование, написана специальная статья: Blogger: Структура языка HTML (приложение к статье о расширяемых сообщениях). Она вам поможет грамотно расставить теги для обозначения спрятанной области!

А еще можно изменить Шаблон сообщения:

Идем Панель инструментов -- Настройки -- Форматирование и внизу странички видим:

Шаблон сообщения В окошко напротив этого параметра вставляем следующий код:

Здесь краткое описание поста для главной страницы <br/><span class="fullpost">Здесь размещаем спрятанную часть</span>

Всех Защитников с Праздником,
а Защищаемых - с замечательными Защитниками!

Ура!!!

Света


Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...