************************************************************

пятница, 21 августа 2015 г.

Как вставить кнопку читать далее для Blogger (Blogspot).

nj (251x42, 9Kb)
Давно хотела у себя на Блоге Flash Magic, вместо не заметной ссылки, вставить кнопку ДАЛЕЕ. У меня всё получилось и теперь могу поделиться с вами, мои друзья, как вставить кнопку читать далее в своём Блоге на Blogspot. Давайте вместо ссылки читать далее, дальше, подробнее ( у каждого своё название) попробуем сделать кнопку. Первое, что нужно  это подобрать картинку или сделать свою кнопку в любом редакторе или в фотошопе.
 
Далее заходим во вкладку ШАБЛОН - ИЗМЕНИТЬ HTML
4 (625x302, 186Kb)
 не забываем делать резервную копию
2 (674x350, 345Kb)
Кликаем мышкой в любом месте шаблона и жмём на клавиатуре  CTRL+F
Появится окошко (смотрите скриншот) в это окошко вставляем скопированный участок кода который выделен у нас красным цветом и жмём Enter
 
<b:if cond='data:post.hasJumpLink'>
<DIV class='jump-link'>
<A expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></A>
</DIV>
</b:if>
таким образом, с помощью клавиш CTRL+F мы находим нужный нам участок кода. И вместо строчки , которая выделена красным цветом вставим вот это ссылку на картинку.  
 
<img border="0" src="здесь ссылка на картинку" />
3 (673x348, 292Kb)
В итоге код будет выглядеть вот таким образом

<b:if cond='data:post.hasJumpLink'>
<DIV class='jump-link'>
<A expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><img border="0" src="https://img-fotki.yandex.ru/get/17859/137293384.d3/0_1220bd_8a0811f0_orig.png" /></A>
</DIV>
</b:if>


Просмотрите шаблон и если всё в порядке нажимаем сохранить.
 Теперь вместо ссылки читать дальше у вас будет  кнопка.
МОГУ ПРЕДЛОЖИТЬ СВОИ КНОПКИ - СДЕЛАЛА В ФШ.
Кнопки кликабельные, размер и адрес кнопки можно взять на Яндекс фотках.
Смотрите ещё полезные уроки для Blogspot.
Как убрать надпись "Подписаться на сообщения Atom" в блоге на Blogger.
Flash Magic
Рубрики: Уроки от Flash Magic
v1 (250x158, 75Kb)
Метки:       

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

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