Как создать ссылку «Читать далее/Подробнее» в Blogger

Чтобы блог на BlogSpot загружался быстрее, чтобы на нем не было дублированного контента, и чтобы он был более SEO-оптимизирован, многие блогеры советуют использовать краткое изложение/анонс своего поста на главной странице (отрывок).

Как создать ссылку Подробнее в Blogger

Анонс сообщения выводит на главной странице блога крошечное описание вашего содержания, которое обычно состоит из четырех – пяти предложений, который дает читателю в нескольких строчках представление о том, что будет в посте. Чтобы посмотреть на живой пример, перейдите на главную страницу моего блога, где вы сможете увидеть ссылку «Читать далее» находящеюся под каждым анонсом постов в нижней части. Итак, в этой статье я хочу показать вам, как автоматический сделать ссылку «Подробнее» в Blogger.

Как сделать ссылку «Читать далее» на BlogSpot

В первую очередь вам необходимо войти на свой аккаунт в Blogger. После этого перейдите в меню Настройки >> Изменить HTML и найдите тег <data:post.body/>. После нахождения этого тега чуть ниже него, вставьте следующий фрагмент кода.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='readmore'>
<a expr:href='data:post.url'>Подробнее</a>
</div>
</b:if>
</b:if>

Помните: В случае, если это не сработает, или в шаблоне имеется слишком много тегов <data:post.body/> поищите вместо него что-то вроде <div class='post-footer'>, и над ним вставьте код. Как только все будет готово, нажмите на кнопку «Сохранить шаблон», она присутствуют в верхней части экрана.

Поздравляю: Вы успешно добавили ссылку «Подробнее» в Blogger с кратким анонсом. Теперь перейдите на домашнюю страницу своего блога и проверьте, работает ли все. Вы также можете изменить внешний вид этой ссылки с помощью #readmore{} в каскадной таблице стилей (CSS).

Надеюсь, что возможно этот пост поможет вам добавить/создать ссылку «Читать далее» у себя в блоге на Blogger. Если вы до этого момента не использовали краткие анонсы своих постов на домашней странице, то теперь пришла и ваша очередь сделать это. Дайте мне знать, как у вас все работает, оставив комментарий ниже.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>