вторник, 3 ноября 2015 г.

Кнопка «Читать далее», в виде GIF анимации



Кнопка «Читать далее», в виде GIF анимации которая установлена на моем блоге под каждым анонсом статьи. 

  1. Дизайн ---> Изменить HTML
  2. Ставим галочку на "Расширить шаблоны виджета"
  3. С помощью поиска (Ctrl+F) находим в шаблоне <data:post.jumpText/>
  4. Вместо этой строки вставляем код:





Весь процесс постараюсь объяснить максимально подробно, а, возможно, позже добавлю видео урок. 
Выбрала самый простой вариант. Приступим.

Вместо этой строки вставляем код:
<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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlOuMRDADRVAta_1ugGCTyv3qaUJN1gWcls11U8rB-1c9npJyBb3YzEKeo8Ufww9M2tRDsLwUGBDRLlgd3vyJteOfwKE6O_ICqfWmR1OSl34ew-7Kd6Eg9L6T8Sho4TEQeYM3V5ZXNdcQ/s1600/cooltext866232309.gif" /></A>
</DIV>
</b:if>
Вот и все. Картинку, выделенную можете поменять на свою.
Ярлыки: