Меняем ссылку читать далее на кнопку


Очень много написано в сети о том, как сделать разрыв в тексте поста. Чтобы часть поста находилась на главной странице, а весь текст читатель мог видеть на другой. Сейчас в Blogger есть очень удобная функция
в редакторе сообщений, которая и отвечает за это.


Таким образом мы можем сделать разрыв в любом месте текста, нажав на этот значок. Это действие называется под кат. А изменить название ссылки далее на другое есть возможность во вкладке дизайн - сообщения. И как показано на скриншоте ниже, вписываем желаемый текст.




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

А сегодня давайте попробуем вместо ссылки читать дальше, дальше, подробнее ( у каждого своё название) попробуем сделать кнопку. Первое, что нужно  это подобрать картинку или сделать самим в любом редакторе. Вот могу предложить сервис http://logotipka.ru/ с набором готовых всевозможных кнопок.

Далее заходим во вкладку ШАБЛОН-ИЗМЕНИТЬ ( не забываем делать резервную копию) и находим с помощью клавиш CTRL+F вот такой участок кода

<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>

И вместо строчки , которая выделена красным цветом вставим вот это ссылку на картинку.  

<img border="0" src="здесь ссылка на картинку" />


В итоге код будет выглядеть вот таким образом

<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="http://SOu18.radikal.ru/i648/1201/08/94f2e83bd705.png" /></A>
</DIV>
</b:if>


Просмотрите шаблон и если всё в порядке нажимаем сохранить. Теперь вместо ссылки читать дальше у вас будет  кнопка.

Удачи всем нам.


хотите оформить подписку на новые шпаргалки

введите пожалуйста свой email :

5 комментариев:

  1. Людмила Геннадиевна, у Вас всё получилось! Я рада.
    .

    ОтветитьУдалить
  2. Вика, спасибо получилось!! Но у меня опять получился большой зазор между окончанием сообщения и картинкой около 5см! Я со своими зазорами вам уж поднадоела, наверно? вот скрин https://3.bp.blogspot.com/-t09JnL-wxBE/V-wF2WBilwI/AAAAAAAABiA/eZl1R_m2tTk4hB9KX1CGsMEaR5BqLuNGwCLcB/s1600/2016-09-29_005534.jpg. Можно ли это исправить? С уважением Тата!

    ОтветитьУдалить
  3. Tata, Так трудно со скринами. Как в потьмах. Код нужно видеть. Дайте мне скрин HTML кода любого сообщения. Лучше того, фото которого привели выше. И что это за надпись - вы получите-.

    ОтветитьУдалить
  4. Доброго времени суток Вика! Заново переделала сообщение, (удалила форматирование), и все получилось! Столько нюансов выплывает оказывается! А вам спасибо за терпение и отзывчивость! С уважением Тата.

    ОтветитьУдалить

Пользовательский поиск
Foto Saya
My Photo