Как заменить кнопку "Читать далее" для Blogger на картинку.

Кнопочка " Читать далее" не всегда заметна для гостей и пользователей блога , решила заменить ее на свою. Искала много статей на эту тему...  И нашла для себя более легкий вариант , а так же решила поделится своими кнопками которые сделала для выбора.



Итак приступим.
1. Заходим в Дизайн далее Изменить HTML
2. Теперь нажмите сочетание клавиш CTRL+F и в строку поиска вставьте <data:post.jumpText/> затем нажмите Enter чтобы найти этот код.
У меня ,если честно , почему то не получалось таким образом поэтому я искала его в ручную. Почти у всех это находится приблизительно тут :

3. Теперь нам надо заменить этот код <data:post.jumpText/>  (отмечено желтым) на :

<img alt='Читать далее' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXxlf5g79SOPEvjDaCAdbLv4htKRaWh8jcO9AvRzFsXB1CBLMKmQx6nVFGGmLhefyrPSekxKi2rvLVfUYV5CdI1kgkiwlcd4n6U3t7WXnufc3VBsOAffRp8TKZ_PHQ2cu7afsICykwiQPk/h66/01.png' title='Смотреть больше...'/>

Если хотите по центру , то

 <div style='text-align: center;'><img alt='Читать далее' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXxlf5g79SOPEvjDaCAdbLv4htKRaWh8jcO9AvRzFsXB1CBLMKmQx6nVFGGmLhefyrPSekxKi2rvLVfUYV5CdI1kgkiwlcd4n6U3t7WXnufc3VBsOAffRp8TKZ_PHQ2cu7afsICykwiQPk/h66/01.png' title='Смотреть больше...'/></div>

 Ссылку на изображение (выделено красным) меняете на свою , а так надпись Смотреть больше...  так же заменить можно на свое.

Теперь нужно только сохранить шаблон и Все ваша кнопочка готова.

Ну а теперь выставляю мною сделанные кнопочки , может быть кому пригодится.