Перейти к содержимому
Новости
  • Новости
  • Спасибо огромное, друзья, за то что вы с нами!
AdminProfil

Красивая кнопка читать далее для Blogspot, Blogger

Рекомендованные сообщения

AdminProfil
Админ

CHITAT-DALE.png

Здравствуйте, уважаемые читатели форума Forum-zarabotok.ru. Давно хотел показать примеры кнопки Читать далее, и помочь вам сделать ваш Blogger более удобным и красивым. Сегодня Сделать 8 красивых примеров кнопка читать далее для Blogger, я не поставил по списку, лучших и плохих попробуйте все примеры и выбирайте себе самую удобную кнопку далее.

А также я покажу как сдвинуть кнопку в правую или левую сторону.

 

  1. Дизайн → Изменить HTML
  2. Нажмите CTRL+F и в строку поиска вставьте <data:post.jumpText/> затем нажмите Enter чтобы его найти.
  3. После того как Вы его нашли вставляем один из ниже указанных вариантов.

 

  • 8 Красивых примеров читать далее для Blogger

 

<img src="https://2.bp.blogspot.com/-kR-qMlSuTQI/WFwmdvEnpKI/AAAAAAAAB9g/JWiyMXhZE58BaB1xe2SEtEZtn8j0SQR0wCLcB/s1600/button%25281%2529.png" alt="Читать далее" title="Узнай все подробности!"/>

 

<img src="https://1.bp.blogspot.com/-pi_dsDWEw_0/WFwoBNX_LyI/AAAAAAAAB98/KwH-xLruFi4P2qzQsqv4cTLvev-cevEhQCLcB/s1600/2%2B%25282%2529.png" alt="Читать далее" title="Узнай все подробности!"/>

 

<img src="https://3.bp.blogspot.com/-PZTr0hp3LkE/WFwmeb3eU9I/AAAAAAAAB9s/LoK8JM2qpEcelk5dhg5hTuFtUAoXfAb4QCLcB/s1600/button%25284%2529.png" alt="Читать далее" title="Узнай все подробности!"/>

 

<img src="https://3.bp.blogspot.com/-mFAyTcgFFjo/WFwlIatIBcI/AAAAAAAAB9Y/B1nC8jSUsfYXNfWLQoYStzBiGkRXdWpuwCLcB/s1600/button.png" alt="Читать далее" title="Узнай все подробности!"/>

 

<img src="https://1.bp.blogspot.com/-D_ZLkuR5Rps/WFwoA_APcxI/AAAAAAAAB94/sDv4_l19bHEC6rwwNZOOfxctrGHzY7FVwCLcB/s1600/2%2B%25281%2529.png" alt="Читать далее" title="Узнай все подробности!"/>

 

<img src="https://1.bp.blogspot.com/-vgZdLe84fXE/WFwmd4JflMI/AAAAAAAAB9o/W6cmwhjWtow51syMl91oXEd1UCX2hoOkwCLcB/s1600/button%25282%2529.png" alt="Читать далее" title="Узнай все подробности!"/>

 

<img src="https://3.bp.blogspot.com/--x5s5v15p7Q/WFwHAXhBYUI/AAAAAAAAB9E/Ud2vaoLqJlMNfkRA_kT2PQwhuv6gEkZVwCLcB/s1600/CHIT.png" alt="Читать далее" title="Узнай все подробности!"/>

 

<img src="https://1.bp.blogspot.com/-N-7tgUH-bJc/WFwmd-FUc8I/AAAAAAAAB9k/Mp8cMYUUFBEXo49tSudAWBc1fegs4JcGgCLcB/s1600/button%25283%2529.png" alt="Читать далее" title="Узнай все подробности!"/>

 

Как сдвинуть кнопку далее в правую или левую сторону

 

Если хотите сдвинуть кнопку в правую или левую сторону, то делаем следующее:


Заходим дизайн → Изменить HTML

Screenshot_4.png

Нажмите CTRL+F и в строку поиска вставьте <div class='jump-link'> затем нажмите Enter чтобы его найти.

Screenshot_3.png

После того как Вы его нашли вместо него вставляете код:

 

<div class='jump-link' style='text-align:right;' >


Здесь можете изменить расположение кнопки "Читать далее"

  1. right - Кнопка будет располагаться с правой стороны.
  2. left - Кнопка будет располагаться с левой стороны.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас


  • Похожие публикации

    • AdminProfil
      Автор: AdminProfil
      Наверное многие новички не знают, Как вставить ссылку в Blogger (Как добавить ссылку в текст)? Сегодня мы решим эту проблему!
      Для начало нужно зайти в наш блог на платформе blogspot blogger и нажать на кнопку создать сообщение, пример на картинке.

      Далее пишем наш текст и выделяем часть текста, где нам нужно вставить ссылку и нажимаем на кнопку "Ссылка" пример ниже.

      В разделе Веб адреса вставляем нашу ссылку, нажимаем на галочки "Открывать эту ссылку в новом окне" (если так нужно) И "Добавить атрибут rel=nofollow" Нажимаем ок. 

      Надеюсь я смог вам помочь, вставить свои ссылки в blogspot, blogger...
×