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

Здравствуйте, уважаемые читатели моего блога — VanNews.ru. Давно хотел показать примеры Кнопки «Читать далее» для Blogger, Blogspot, и помочь вам сделать ваш Blogger более удобным и красивым. Сегодня Сделать 8 красивых примеров кнопка читать далее для Blogger, я не поставил по списку, лучших и плохих попробуйте все примеры и выбирайте себе самую удобную кнопку далее.

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

8 Красивых примеров Кнопки «Читать далее» для Blogger

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7QUh6IFRWTKjitsCiLJfkMXXCb6Z_JVgX8YyfHXEDf7FdgcJhY2vurg-lgLQ4aTDNHyj_8SGU3kKRv-9PjrFS1451NX_Is2YnZ7-7-_8px23R5R2iwk5HYKD8Q32DnaIIs7YQab0JtiqT/s1600/button%25281%2529.png" alt="Читать далее" title="Узнай все подробности!"/>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBXb7s1KQrPFIt6HpfvEox-tGYRnogYCtk4dKhbg6wwvfWemh7RDIa4uwvYNR8lEjdBNW-Z6FyvIaJfJePKNobnc62trLnt_eX1XbSg5CuJGDi-qJl3QoHj5Qcxl_dQpRNRhENZVhLGIle/s1600/2+%25282%2529.png" alt="Читать далее" title="Узнай все подробности!"/>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2LaC5DTRzq5kDYbwXrGekQLAzMHOEMs4vF4xiw8sbz2nIqpK-9wAeNiKQwuvZ-_SAYQFnqREYh31zFyA8L9oS9hRdzOFTMq9dwyFkeGwiVL9L1DdZ1jdBnf975q1RBny_nJifNK5ASEBQ/s1600/button%25284%2529.png" alt="Читать далее" title="Узнай все подробности!"/>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj10LZ7alBEdYcDUU7-tzgMNKuyEIC-pu3eT8P0S7pWyPEHgeKlAgmnlLNyFPIl_E-s-uaCY3xe1HPbBltQYVzeDG2GzCRzmLZzQeZs2iN3yadcp-CEfqrRT0JAhfEqDyqOCuDRdQDB8AIb/s1600/button.png" alt="Читать далее" title="Узнай все подробности!"/>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk-zKvKKU64oHWm9ut4VC2MknwvxGSo3FtLVgl3jr5EgXeAd5Srs9hdmCrHBEHWnMdjOppd5wljkPtaTTeI8riZ77H6bqzUX9rQqfwe9F3_LjMCsQn1VKmOPwSacCR-31zR8vfIfHhMWnZ/s1600/2+%25281%2529.png" alt="Читать далее" title="Узнай все подробности!"/>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6MPvxzYaKBOJyQmyK84qfcLBIstG-FMO9NmOj-T2vd2uh7K0XuCp_aVsAuW5XegQVgNOmc7AeSKifA83nNbTnvIVUpy9_U5EtgHQbNcJXogcoPRavCEnKrUtf-5Kx6p44M0LU1fo8vjPf/s1600/button%25282%2529.png" alt="Читать далее" title="Узнай все подробности!"/>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp8nkXJmrwucrWGkJdzFs5HCeuxB-T9G5yFmreUzJukzUh68o38O0dpJZQawz3I2qrH0od605i5Zwo511EPKuqCPuqpRImLuR4fa7q33pu9re4OmWt6H6yGCp6-ig47lGQwg4f0Px6q4H7/s1600/CHIT.png" alt="Читать далее" title="Узнай все подробности!"/>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo9xqE5ab2-fuClkpJet67S2c_cIkQzFSLd8T-L3snroXM1bpX1HM2f2crdFshf_TfHqecsBWSVzl8pug0VHgpoqb2NsT2e8RAqRwaycV8_O25LVuCeTIsX2luJtZDw6f9-aFnLQlM0uWq/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 - Кнопка будет располагаться с левой стороны.