О том и о сём -про блоги: Ссылка Читай дальше (подробнее )на нашем блоге .Йёжа Йежов

Читай дальше

Стих Йёжи Йежова

Статья чтоб не была длиннющей .
Легко листалось всё на блоге на своём
(Меня писать сегодня «плющит »,
Статью мы где-нибудь «сопрём »)

О ссылке « ты читай-ка дальше »
Сегодня мы с тобой поговорим
Чего не рассказал о ней вам раньше ?
Зато её Сегодня с вами сотворим !

Мы можем сделать ссылку текстовую !
А можем и картинку просто вставить .
Не нравится картинка? Выбери другую !
Легко в шаблоне всё исправить !

Нажал на кнопку или текстовую ссылку .
И вот статья у нас как на ладони !
На радостях хлебнём мы йогурта бутылку !
И пирожком её с тобой догоним !...

Ссылка читай дальше (подробнее )на нашем блоге

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

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

Поэтому сегодня рассмотрим ссылку в блоге Читать дальше или Подробнее .

Как обзовёте , так и будет называться.
Пример такой ссылки (правда в виде кнопки )

Можно увидеть на блоге Чайки Кукла и мода http://kyklamoda.blogspot.com/search?updated-max=2018-05-27T16:48:00%2B04:00&max-results=2&start=2&by-date=false
Как мы видим несколько статьй подряд на одной странице в виде коротких Анонсов .При нажатии ссылки или кнопки Читать дальше , мы получаем полностью развёрнутую статью.

Возможно кому-то так будет удобнее просматривать блог полностью .Сделать текстовую ссылку Читать Дальше в статье достаточно нетрудно штатными средствами блога На Блогспот (Блоггер)

Создаём простую Ссылку Читать дальше (подробнее)

Это достатчно нетрудно . Идём в Создать сообщение или нажимаем Изменить в созданном .Пишем статью , или вставим в написанную .На панелии вверху .Есть значок разорванного листка .

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

вот такая линия .Это и будет наш разрыв статьи -анонс при просмотре нескольких статей по порядку .
В режиме HTML появится такой код

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

Появится ссылка Дальше при просмотре нескольких статей одна за другой ,не переходя конкретно к самим статьям .Если нас не устраивает текст ссылки , то его можно легко изменить на свой .Например : Читать статью подробнее .Для этого идём в редактирование блога Ищем вкладку Дизайн

Затем ищем столбик сообщения блога -изменить .

Входим в изменить ,Ищем графу Текст ссылки на Страницу сообщения
Меняем слово Дальше на нужную нам фразу или слово.Теперь у нас есть ссылка на развёрнутое сообщение .В принципе на этом можно и остановиться .Но ведь хочется покрасивше жо . Чтоб ссылка в глаза бросалась .В этом нам поможет кнопка.

Кнопка -картинка вместо ссылки читать далее

Данную часть статьи я прихватил На блоге
http://www.bloguspeh.ru/ (Блогуспех )
первоисточник называется
Как заменить ссылку "читать далее" на картинку в Блоггере

Внимание ! Перед экспериментом в шаблоне обязательно сделайте Бекап (резервную копию шаблона и сообщений)

Идём в редактирование нашего блога -ищем вкладку Шаблон

Изменить HTML Ставим галочку Расширить виджеты (кстати в новом шаблоне её что-то не нашёл , в старом была )
Одновременно нажимаем клавиши Ctrl и F
Появляется поиск по шаблону .

Кстати в разных браузерах может появляться в разном месте.
В поиск в шаблоне вводим следующую строчку

<data:post.jumpText/>

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

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

Если вы хотите сместить картинку вправо, опять при помощи тех же кнопок Ctrl+F, в коде ищем строчку:

<div class='jump-link'>

И заменяем её на эту:
<div class='jump-link' style='text-align:right;' >

Если хотите сменить влево, то меняем right на left

.

Картинку надо залить на хостинг см статью
Заливаем фото для блога .Йёжа Йежов
Картинка , к примеру ,может быть такой

или такой

Можно создать в каком-нибудь графическом редакторе .Гимпе к примеру .Кстати зелёная кнопка выше там и создана .
Вставка в статью идентична первому варианту (нажимаем разорванный листок , где нужен разрыв в статье)
Нажав кнопку -спойлер ниже можете прочитать статьи других авторов на тему Читать далее .
А я закругляюсь на сегодня