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

воскресенье, 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.

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

45 комментариев:

Олег Савченко комментирует...

Хочу узнать, а можно ли реализовать такую "фишку" - сначала выводится часть статьи и превью картинки, а после нажатия на ссылку выводится картинка целиком и полный текст статьи ???

The Neighbour комментирует...

да такое есть! Встречал в шаблонах некоторых!

Анонимный комментирует...

Мне очень понравилась статья и я хотела бы её применить. Однако у меня возникают проблемы со вторым пунктом. Я не могу найти , а когда нажимаю на клавиши Ctrl + F8 ничего не происходит. Может быть я Вам дам свой э-мейл и вы мне вышлите в картинках, куда это надо вставить. Жду ответа!

The Neighbour комментирует...

Простите! в статье опечатка!!! Нажимать надо комбинацию ctrl+f , откроется окно поиска по телу шаблона.

Анонимный комментирует...

Простите, а что делать если мне пишут, что в моём шаблоне такая фраза не найдена?

The Neighbour комментирует...

проверьте , поставили ли вы галочку расширить шаблон! скорее всего вы этого не сделали, поэтому эту строчку не находит!

Анонимный комментирует...

Всё поняла. Спасибо огромное!

The Neighbour комментирует...

Всегда пожалуйста!!!

Анонимный комментирует...

Извините плиз у меня в Шаблоне сообщения не чего не написано((и иконки нет не какой((помогите

The Neighbour комментирует...

необходимо заходить не через blogger.com , а через draft.blogger.com , там иконка разрыва страниц будет=)

MariaVladi комментирует...

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

Unknown комментирует...

Бывает, что читать далее работает не во всех шаблонах blogger, попробуйте на другом шаблоне, если не появиться будем разбираться.

Compass комментирует...

Подскажите, я все сделала по вашей статье и теперь у меня появилось Читать полностью. а ниже еще и Далее... Как убрать?
http://moycompas.blogspot.com/

Unknown комментирует...

скрипт что вы добавили по этой статье уберите и пользуйтесь только разрывом страницы (иконка как на рисунке).

Dimon комментирует...

Не появляется значок разделения на панели инуструментов? Что я не так сделал?

Unknown комментирует...

Можете не делать то что описано в статье. Если зайдете в блоггер через draft.blogger.com то по умолчанию эта функция уже есть в виде иконки на которой изображена разорванная страница - посмотрите в меню где писать статью.

Елена комментирует...

У меня разрыва нет ни при каких манёврах. Может, шаблон не такой...

The Neighbour комментирует...

Этой иконки нет потому, что вы заходите через Blogger.com , а надо зайти через ссылку Draft.blogger.com и тогда разрыв страници появится!

Tarantoga комментирует...

Сергей! Спасибо. Как всегда все доходчиво и полезно. Только может быть не
===
(для тех кто новичек - используйте для поиска клавиши Ctrl + F8)
===
А Ctrl + F ?

Александр комментирует...

У меня тоже сочитается "Читать полностью..." и "Дальше »". Объясните пожалуйста подоходчивее.

Unknown комментирует...

В обновленной версии блоггера всех вышеперечисленных в статье процедур делать не нужно. Должно просто работать когда нажмете на иконку разрыв страницы.

Александр комментирует...

У меня тоже сочетается Читать полностью... и Дальше.

Помогите пожалуйста

Александр комментирует...

Ну я вернул все в исходное положение, поделил статью (кнопкой разрыв), а "Читать полностью..." и "Дальше" все равно осталось

Unknown комментирует...

Тогда посмотрите в настройках блоггера в разделе комментарии. Там видимо в разделе Настройки/Комментарии ниже в полях осталась запись.

Анонимный комментирует...

А как надпись читать далее сделать внизу превью (как у вас к примеру), а не вверху, как в тестируемом мной шаблоне?

Анонимный комментирует...

а как найти в шаблоне, чтобы исправить читать далее после части статьи, а не перед ней

Анонимный комментирует...

а у меня такая иконка есть и полоса появляется, но, как Вы говорите, простынь остаётся :(((
а хотелось бы, чтобы работало. Может можно что в шаблоне изменить?

Анонимный комментирует...

если ответ на этот вопрос невозможен, тогда может подскажите шаблоны, в которых это работает или можно сделать?

Unknown комментирует...

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

Анонимный комментирует...

Спасибо за ответ, Сергей. Иконка есть и линия, в момент редактирования, появляется. Я пишу ниже линии продолжение текста, но после публикации вся эта "простынь" остаётся на странице без разрыва. Что я не так делаю? :)

Unknown комментирует...

Должно быть нормально. Видимо у вас шаблон блога какой то специфический.

Анонимный комментирует...

Нет, это я - ЧАЙНИК! :)
Дело в том, что я публиковал пост с разделителем и затем его же и просматривал. И естественно он отображался весь.
Сегодня поменял шаблон и когда с ним получилось то же самое, я решил подумать, что дело во мне, а не в шаблоне. И тут до меня дошло, что смотреть надо блог, а не сообщение! А вот в блоге-то и видно, что разделитель работает! :)))

Anet комментирует...

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

etoilegroup комментирует...

Спасибо большое, помогли решить проблему:)

Анонимный комментирует...

Подскажите пожалуйста...В обновленной версии блоггер с подкатом проблем у меня нет. Нажал кнопочку и всё получается. Но как вместо слов "читать дальше", написать что-то другое? Ну, например, если под постом далее следует много фото и хочется сделать подкат не "читать дальше", а просто "фото" или что-то вроде "что же было дальше"...Или "давайте разбираться дальше", ну и т.д...Подскажите, пожалуйста. А то всё перепробовала, и ничего не выходит...(((

Unknown комментирует...

В старой версии это можно было сделать легко, но в новой я пробовал уже не получалось. Я могу ошибаться но по моему надпись поменять нельзя.

Анонимный комментирует...

Спасибо за Ваш ответ! Пока, значит, не буду мучиться с этим)).

Анонимный комментирует...

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

образец тут есть http://dengi-s-failoobmennikov.blogspot.com/

а здесь хочу вставить http://dengi-s-failoobmennikov.blogspot.com/p/blog-page_08.html

будьте добры опишите подробней, чтобы понятно стало.

Unknown комментирует...

В новой версии блоггера - когда она вышла за кнопку читать далее отвечает иконка с разорванной страницей. Ищите ее в панели там где пишите статью в блоггере. В нужном месте ее ставьте и все будет работать. Ссылка читать далее появиться.

Анонимный комментирует...
Этот комментарий был удален автором.
bmangher комментирует...

Здравствуйте, Сергей! Спасибо Вам за ваши советы. Благодаря им я во многом "облагородила" свой блог. Вы очень облегчаете жизнь человека, живущего в блоге. У меня к Вам вопрос: почему функция "читать далле" устанавливается только на Основной странице? Заранее благодарю.

VicNes комментирует...

Желающим изменить надпись "Дальше".
В новой версии блогерра.
Зайти Дизайн -> Сообщения блога -> Изменить -> Текст ссылки на Страницу сообщения.
Меняем на желаемое.

Olena комментирует...

Сорри, я полный чайник, шаблон на блоггере (примитивный донельзя) сделала давно и забросила по обстоятельствам, теперь вот решила начать - и... новая версия и куча вопросов...
Элементарно не пойму: на странице под полным текстом статьи внизу у меня стоит надпись "Читать далее", я могу менять надпись "Дальше" для разделителя, но когда ставлю разделитель - моя надпись вылезает под шаблонной, второй строкой, а шаблонная остаётся в любом случае.

Ольга Безпаленко комментирует...

Спасибо огромное!

Geta комментирует...

Огромное спасибо! Все сделала по Вашей статье

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

Оставляйте ваши комментарии

 
 
 

Читать блог на другом языке

English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified
 
Copyright ©Lagunof.com
Блога автора книги "Недвижимость: классическая, виртуальная, интеллектуальная" При перепечатке материалов с блога обратная ссылка обязательна
e4a11e6f00df223bf058f2795454739b