Главная » Кнопка "читать далее"
    РейтингРейтингРейтингРейтингРейтинг


Кнопка "читать далее"

Готовые решения для CMS MODx



1. Создаем графическую картинку кнопки для своего блога. В интернете большое количество онлайн сервисов для создания кнопок

И так, Вы сделали графическую кнопку "Читать далее", теперь заливаем картинку на Веб-альбомы Picasa или другой какой нибудь хостинг для хранения картинок. Откройте залитую картинку, наведите на неё стрелкой мыши, нажмите правую кнопку, скопируйте ссылку на изображение и сохраните её пока в блокнот, она нам скоро понадобится.

Заходим Панель управления => Шаблон => Изменить HTML




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

<img src="https://lh4.googleusercontent.com/-tRVWUZt4Ck4/U8lbBplyk6I/AAAAAAAAAx8/Eq-HJJuqONw/w104-h24-no/button.png" alt="Читать далее" title="Узнай все подробности!"/>

 


 
 https://lh4.googleusercontent.com/-tRVWUZt4Ck4/U8lbBplyk6I/AAAAAAAAAx8/Eq-HJJuqONw/w104-h24-no/button.png - Это ссылка на картинку кнопки, поменяйте на свою.

Узнай все подробности! - Это всплывающий текст при наведении курсора мыши на кнопку, можете заменить на свой.


Нажмите Сохранить шаблон. Если хотите сдвинуть кнопку в правую или левую сторону, то делаем следующее:

Заходим Панель управления => Шаблон => Изменить HTML




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


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



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


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

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


 Нажмите Сохранить шаблон

Ну вот Вы узнали как сделать кнопку читать далее для Blogger (Blogspot), думаю друзья у Вас прекрасно все получилось и теперь кнопка будет радовать глаз не только вас, но и ваших посетителей.

Желаю удачи !!!

Подписывайтесь через форму ниже на новые статьи и делитесь ими с друзьями в соц сетях.


css template

Не забывайте написать ваш комментарий, понравилась ли статья. От вас пару слов, а мне — признание поисковых систем, что пишу нормальные человеческий статьи. Заранее спасибо вам!