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

 Нашла статью, в которой показан простой способ замены ссылки "Читать далее" на соответствующую кнопку.
Автор даёт код, который надо заменить, на другой (при редактировании 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' />
А изменённый участок кода шаблона блога теперь выглядит так:



2 комментария :

  1. Огромнейшее спасибо! Получилось с первого раза. Творческих Вам успехов!!!

    ОтветитьУдалить

В комментариях есть возможность вставлять картинку:
[img]URL на картинку[/img]
а также использовать смайлы и HTML-теги:
<b>жирный шрифт</b>
<i>курсив</i>
<a href="URL">текст ссылки</a>