Кнопки «Читать далее» для Blogger, Blogspot

Здравствуйте, уважаемые читатели моего блога — VanNews.ru. Давно хотел показать примеры Кнопки «Читать далее» для Blogger, Blogspot, и помочь вам сделать ваш 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

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

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

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

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

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