Объявление
Уважаемые читатели, друзья, подписчики. В связи с участившимся и, порядком надоевшим спамом в комментариях от всяких анонимах(будь они не ладны), я вынуждена включить модерацию комментариев на некоторое время. Очень надеюсь на ваше понимание.

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


Очень много написано в сети о том, как сделать разрыв в тексте поста. Чтобы часть поста находилась на главной странице, а весь текст читатель мог видеть на другой. Сейчас в 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 :

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

  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. Доброго времени суток Вика! Заново переделала сообщение, (удалила форматирование), и все получилось! Столько нюансов выплывает оказывается! А вам спасибо за терпение и отзывчивость! С уважением Тата.

    ОтветитьУдалить
  5. У вас в книге есть описка...пользовательской
    пересации , но нет страниц...

    ОтветитьУдалить
  6. Вика,привет.А как немного сдвинуть иконку влево,а то какую не поставлю,видно только часть,а другая часть прячется,не знаю куда,как бы "обрывается".

    ОтветитьУдалить
    Ответы
    1. Привет, не знаю с твоим шаблоном.

      Удалить
  7. У меня, к примеру просто такая страка в шаблоне <div class='read_more_button right '><span><a expr:href='data:post.url'>Подробнее...</a></span></div>

    ОтветитьУдалить
  8. твою строку вставила,вместо "подробнее" картинку,всё получилось,только пространства пустого много между текстом и этим "дальше"

    ОтветитьУдалить
  9. вот выше увидела,Тата пишет "удалила форматирование",как это сделать?

    ОтветитьУдалить
  10. разобралась,сделала,спасибки

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

ВСЕГДА РАДА УСЛЫШАТЬ ВАШЕ МНЕНИЕ!
Ели у вас возникла необходимость опубликовать код в комментарии, то воспользуйтесь encoder HTML