Функция "Читать далее" для blogger

Существуют три основных шага, чтобы добавить в шаблон блога функцию раскрытия сообщения полностью с помощью команды "Читать далее".

CSS

Первый шаг состоит в том, чтобы вставить код в CSS.

Войдите в панель инструментов блога, выберете вкладку Макет > Изменить Html и в первую очередь нажмите на ссылку "Загрузить весь шаблон", чтобы создать резервную копию шаблона. Теперь можно вносить изменения. Прокрутите вниз по странице с кодом до тега </head> (можно нажать Ctrl + F для поиска и задать этот тег в строке поиска) и добавьте следующий код сразу над ним:

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

Сохраните шаблон.

Ссылки "Читать далее"

Второй шаг состоит в том, чтобы добавить ссылки "Читать далее", которые будут видны на главной странице в сокращенных вариантах сообщений.

Поставьте флажок в квадратике "Расширить шаблоны виджета" в верхней части поля "Изменить шаблон", иначе вы не увидите нужный нам теперь код. Теперь вам надо найди такой код:

<data:post.body/>

И сразу под ним добавить следующий код:

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

Сохраните шаблон. Эта ссылка будет отображаться только на главной странице и странице архива, и она будет переадресовывать читателя на страницу сообщения, содержащую полный текст этого сообщения. ВНИМАНИЕ: Не используйте любой другой код или будет даваться сообщение об ошибке.

Вы также можете добавить свои варианты, если вам не нравится "Читать далее!", вы можете изменить название ссылки на "Подробнее" или " Мой лучший пост!"

UPDATE
Если вы хотите увеличить размер шрифта для ссылки "Читать далее", добавьте этот код вместо предыдущего:
<b:if cond='data:blog.pageType != "item"'>
<span ><a expr:href='data:post.url' target='_blank'><font size="120" color="red">Читать далее!</font></a></span>
</b:if>
Увеличьте или уменьшите цифру 120, как вы хотите (это размер шрифта), а затем сохраните шаблон.
Чтобы сделать полужирный шрифт используйте этот код:
<b:if cond='data:blog.pageType != "item"'>
<span style="font-weight:bold;"><a expr:href='data:post.url' target='_blank'>Читать далее!</a></span>
</b:if>
Сохраните шаблон.
Чтобы сделать и то, и то, используйте этот код:
<b:if cond='data:blog.pageType != "item"'>
<span style="font-weight:bold;"><span ><a expr:href='data:post.url' target='_blank'>Читать далее!</a></span></span>
</b:if>
Сохраните шаблон.

НАСТРОЙКА ФОРМАТИРОВАНИЯ

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

Для этого перейдите в Настройки > Форматирование и прокрутите вниз до конца страницы в поле для темы шаблонов. Скопируйте и вставьте туда следующие строки:

Вот начало моего сообщения. <span class="fullpost">А вот остальная его часть.</span>

Сохранить настройки.

Теперь, когда вы будете создавать новое сообщение, то во вкладке сообщения "Изменить Html" вы увидите следующее:

Вам надо будет заменить строку "Вот начало моего сообщения." той частью сообщения, которая будет отображаться на главной странице. Затем замените строку "А вот остальная его часть." – остальной частью. Не удаляйте строки <span class="fullpost"> и </span>.

Тег <span class="fullpost"> показывает, где находится на главной странице ссылка "Читать далее".

Тег </span> должен находиться в самом конце после точки.
Затем нажмите кнопку "Опубликовать сообщение".

Примечание: меняя шаблон, вам придется заново добавлять коды в шаблон на странице Макет > Изменить Html. При этом из старых сообщений код пропадать не будет. Просто если вы не добавите нужный код в шаблон блога, то код в сообщениях просто не будет срабатывать и сообщение будет отображаться на главной странице полностью.

Источник http://www.blogdoctor.me/2007/02/expandable-post-summaries.html