29 марта 2010 г.

Убираем часть сообщения под кат на Blogspot.


Если Вы раньше пользовались блогами других сервисов, то понимаете о чем я говорю.
"Убрать под кат" - значит скрыть часть сообщения. Т.е. оставить видимым некую завлекалочку - два-три абзаца, а остальное скрыть под ссылочку "читать далее...", нажав на которую и открывается страница с полным сообщением.

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

Но, увы, встроенной данной функции в Blogspot нет. Попробуем ее сделать.


Я нашла два способа как это воплотить:
1. На официальной странице справок Google настройки блога.
Но по какой-то неизвестной мне причине этот способ на моем блоге не прокатил.
Хотя всем советую начинать именно с него!

2. Нашла на англоязычном блоге (увы, не помню каком) похожий способ. Вот он воплотился без проблем.

Идем в Панель инструментов --> Шаблон -->Изменить html-код.
И прежде чем что-то править в шаблоне, делаем резервную копию.

Поставьте галочку в окошке "расширить шаблон".
Найдите строчку:

<p><data:post.body/></p>


Перед ней поставьте:

<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>


После нее:

<b:if cond='data:blog.pageType != &quot;item&quot;'><br/>
<a expr:href='data:post.url'>Читать далее...</a>
</b:if>


Сохраняете шаблон.
Далее идем Настройки-->Форматирование.

В рамку "шаблон сообщения" вставляете:

Видимый текст<span class=fullpost>скрытый текст</span>


При написании нового сообщения то, что надо поместить вне ката, т.е. оставить видимым (обычно это первые один-два абзаца, помещаете вместо слов "видимый текст".
А то что надо скрыть под кат - помещаете между тегами <span class=fullpost> и </span> т.е. вместо слов "скрытый текст".


Понравился пост? Подпишись на обновления блога
по RSS, E-mail или twitter!


Еще читают::



4 коммент.:

Теперь вставлять переходы в сообщениях блога можно непосредственно из редактора сообщений. При этом менять HTML-код не требуется. http://www.google.com/support/blogger/bin/answer.py?answer=154172

Согласна, но это действует только в шаблонах от Google.
Если же Вы в блоге используете персонализированный шаблон независимого поставщика, для включения вставки перехода все-таки потребуется добавить фрагмент html-кода.

Странно, но указанной строки в шаблоне не нашел...

А Вы не забыли поставить галочку в окошко "Расширить шаблон"?

Отправить комментарий

Следующее Предыдущее Главная страница

Наши рекомендации:

Постоянные читатели