воскресенье, 5 февраля 2017 г.

Кнопка "Читать далее"


 Нашла статью, в которой показан простой способ замены ссылки "Читать далее" на соответствующую кнопку.
Автор даёт код, который надо заменить, на другой (при редактировании HTML-кода шаблона блога). 
Однако разобравшись я поняла, что тут просто надо заменить всего лишь одну строчку в коде:
<data:post.jumpText/>
на строчку:
<img border="0" src="http://s018.radikal.ru/i511/1201/08/56f2e16bd505.png" />
И это всё!

Кроме того, вместо ссылкиhttp://s018.radikal.ru/i511/1201/08/56f2e16bd505.png можно поставить ссылку на любое другое изображение кнопки.
Для этого надо создать свою кнопку в формате .png, затем сохранить это изображение (допустим, в своём Дропбоксе), и дать на него публичную ссылку.

P.S.
Почти такой же вариант описан в статье «Blogger: Картинка вместо слов 'Читать далее'» на другом блоге, только прибавлена ещё возможность центрирования картинки вправо (по умолчанию было влево).

Этот вариант мне понравился больше, т.к. в коде ещё предусмотрена возможность отображения текста, если картинки по какой-либо причине будут отключены (атрибут alt="Читать далее").
Переделала по этому варианту.
Окончательно код изображения кнопки у меня получился такой:
<img alt='Читать далее' src='https://dl.dropboxusercontent.com/u/54357058/knopka-chitat-3.png' />
А изменённый участок кода шаблона блога теперь выглядит так:

0 коммент.:

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