Как сделать читать далее в блоге

воскресенье, 27 декабря 2009 г.

Многие пользователи блогов google - Blogger с завистью смотрят на своих коллег вордпресовцев, у которых стоит симпатичная ссылка "читать далее...". От этого их статьи не болтаются как простыни на главной странице - радуя пользователя, который перелистывает короткие очерки о статьях, в то время как зайдя в гости к blogger-у он вынужден просматривать длиннющие дециметры статей теряя время и раздражаясь. Blogger-ы не могли этого так оставить и лучше умы показали как сделать кнопку "читать далее" жаждущей массе ).

Как сделать читать далее в блоге

Зайдем в настройки блога, нажмём Дизайн/Наcтройка HTMс
На всякий случай сохраним уже существующий шаблон. Затем отметим птичкой "Расширить шаблоны виджета" затем прямо перед тегом </head> в низу страницы вставим такой код:

<style>

<b:if cond='data:blog.pageType == "item"'>

span.fullpost {display:inline;}

<b:else/>

span.fullpost {display:none;}

</b:if>

</style>

Теперь найдем тут же вот такой код (для тех кто новичек - используйте для поиска клавиши Ctrl + F8)

<data:post.body/>

Вставьте после него код:


<b:if cond='data:blog.pageType != "item"'><br />

<a expr:href='data:post.url'>Читать полностью...</a>

</b:if>


Теперь сохраняем всё  и возвращаемся в Настройки/Форматирование, находим в самом низу поле "Шаблон сообщения". 

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

Тепер для того чтобы поместить строку читать далее в любом месте статьи - нужно нажать на вот эту иконку:

 После нажатия на неё появится серая разделительная черта в статье - она то и есть наша ссылка читать далее. 

Напомню, что в прошлой статье мы  разобрали как пользоваться rss и что это такое rss.

Похожие статьи