понедельник, 4 апреля 2016 г.

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

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



Итак приступим.
1. Заходим в Дизайн далее Изменить HTML
2. Теперь нажмите сочетание клавиш CTRL+F и в строку поиска вставьте <data:post.jumpText/> затем нажмите Enter чтобы найти этот код.
У меня ,если честно , почему то не получалось таким образом поэтому я искала его в ручную. Почти у всех это находится приблизительно тут :
3. Теперь нам надо заменить этот код <data:post.jumpText/>  (отмечено желтым) на :
<img alt='Читать далее' src='https://lh3.googleusercontent.com/-9-xdyYSI5yM/VwEDN3ZKhtI/AAAAAAAAAn8/YBJuUjTL6Ssk9FDLgU6HRf20dqAjhNyvQ/h66/01.png' title='Смотреть больше...'/>

Если хотите по центру , то
 <div style='text-align: center;'><img alt='Читать далее' src='https://lh3.googleusercontent.com/-9-xdyYSI5yM/VwEDN3ZKhtI/AAAAAAAAAn8/YBJuUjTL6Ssk9FDLgU6HRf20dqAjhNyvQ/h66/01.png' title='Смотреть больше...'/></div>
 Ссылку на изображение (выделено красным) меняете на свою , а так надпись Смотреть больше...  так же заменить можно на свое.

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

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

 


Понравилось ? Поделись с друзьями :

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

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