Автор даёт код, который надо заменить, на другой (при редактировании 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' />
А изменённый участок кода шаблона блога теперь выглядит так:
Для этого надо создать свою кнопку в формате .png, затем сохранить это изображение (допустим, в своём Дропбоксе), и дать на него публичную ссылку.
P.S.
Почти такой же вариант описан в статье «Blogger: Картинка вместо слов 'Читать далее'» на другом блоге, только прибавлена ещё возможность центрирования картинки вправо (по умолчанию было влево).
Переделала по этому варианту.
Окончательно код изображения кнопки у меня получился такой:
<img alt='Читать далее' src='https://dl.dropboxusercontent.com/u/54357058/knopka-chitat-3.png' />
А изменённый участок кода шаблона блога теперь выглядит так:
Супер! Спасибо!
ОтветитьУдалитьОгромнейшее спасибо! Получилось с первого раза. Творческих Вам успехов!!!
ОтветитьУдалить