воскресенье, 9 февраля 2014 г.

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

Читай дальше

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

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

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

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

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


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

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





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


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


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


Можно увидеть на блоге Чайки Кукла и мода   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/>

(Если не удалось найти .А в новом шаблоне поиск не всегда почему-то хочет искать , то просто кликаем выделить всё в шаблоне и копируем в блокнот .Там делаем все изменения ,опять же выделяем всё и заменяем весь код шаблона .(Не забывайте делать резервную копию перед ковырянием в шаблоне))
Итак , строчка найдена ,теперь её заменяем на
<img src="Ваша ссылка на картинку" alt="Читать статью далее" title="Читать статью полностью"/>

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


Если вы хотите сместить картинку вправо, опять при помощи тех же кнопок Ctrl+F, в коде ищем строчку:
<div class='jump-link'>

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

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

.

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


или такой


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







 



Комментариев нет:

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