Здравствуйте, дорогие читатели!
Мы уже говорили о том, как делать красивые кнопки для блога. В прошлой статье предлагались 10 готовых стилей CSS.

Сейчас хочу познакомить вас с замечательным сервисом CSS-Tricks Button Maker, с помощью которого легко и бесплатно создавать красивые кнопки для блога своими руками.
Здесь, регулируя настройки генератора кнопок, мы видим изменения внешнего вида в реальном времени. Это позволит производить красивые кнопки, максимально подходящие под дизайн любого блога.
Вот, как происходит этот процесс:
Красивые кнопки для блога в генераторе CSS
Заходим на страницу генератора стилей.
С помощью настроек создаём дизайн кнопки, наблюдая за изменениями образца в левой части сервиса.

Когда внешний вид нас полностью удовлетворит — нажимаем на образец и получаем готовый код CSS. Остаётся вставить нашу кнопку в блог. Для блогов на платформе Blogger это происходит следующим образом
Интеграция кнопки в Blogger
1. Заходим в Панель инструментов — Дизайн — Изменить HTML
2. Сохраняем резервную копию шаблона на жёсткий диск
3. С помощью комбинации Ctrl + F находим строку:
]]></b:skin>
и прямо перед ней вставляем код, полученный в генераторе CSS
4. Сохраняем.
Теперь переходим на вкладку «Изменить HTML»

и вставляем в нужном месте статьи код самой кнопки:
<span class=»button»><a href=»Ссылка«>Текст</a></span>
заменив слово Ссылка адресом той страницы, куда нас эта кнопка должна привести. Вместо слова Текст вписываем текст кнопки.
Например, если мы хотим, что бы с помощью этой кнопки читатели могли загрузить определённый файл, то вместо Ссылка указываем URL места хранения файла, а вместо Текст пишем «Загрузить».
Надеюсь, этот сервис поможет сделать ваш блог ещё привлекательней для читателей!
Ваш Retliff
А можно несколько кнопок вставить в шаблон?
@Таня
Конечно можно! Только для каждой надо присваивать имя (одинаковое в коде CSS и HTML)