Как вставить ссылку Дальше в блоге Blogspot

---

Как правильно вставить и использовать ссылку Дальше

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

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

За  разрыв текста отвечает тэг <!--more-->  Можно посмотреть в коде, нажав на HTML

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

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

Я так поняла, что эта ссылка удобна, когда на главной странице несколько сообщений. 

Ссылка Читать дальше может не работать в нестандартных шаблонах блоггер. В таком случае идем Тема-делаем резервную копию шаблона, далее изменить HTML и находим строку 

<div class=’post-body entry-content’>

Прокручиваем чуть вниз до закрывающего тэга </div>

После тэга вставляем код

<b:if cond=’data:post.hasjumplink’><div class=’jump-link’><a expr:href=’data:post.url + &quot;#more&quot;’><data:post.jumptext/></data:post.jumptext></a> </div></b:if>

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

Читать также:

• Изменить изображение маркера в списке используя CSS;
• Оформление ссылки Читать дальше на CSS;
• Красивые стили оформления цитат в блоге Blogspot;
• Фишки для дизайна с использованием CSS для блоггер;

Рекомендуемый контент: