суббота, 29 декабря 2012 г.

Кнопка на сайт. Код для кнопки


Статья Кнопка на сайт. Код для кнопки совершенно не по теме моего моего сайта. Но по теме моих мытарств и проблем.
У меня есть страница «Обмен ссылками», где я размещаю ссылки на сайты родственной тематики. Присылают мне люди свои кнопки на сайт, но вот объяснить, как они их сделали – ну никто не смог, или не захотел. А мне очень нужна была кнопка на сайт и код для кнопки.
Пришлось мне попотеть, чтобы сделать свою кнопочку и заставить её работать.
Спешу поделиться своим опытом с теми, кто находится в поиске решения.
Решение в ТРИ шага!

Шаг 1. Рисуем кнопку.

Кнопку я сделала на сайте  As Button Generator. Сервис достаточно простой и сделать на нём можно довольно красивые кнопочки буквально за пару-тройку минут. Ну, например, вот такую.
Кнопка на сайт.Код для кнопки
На шедевр не претендую, просто для наглядности.
На кнопке можно разместить, как текст, так и картинку. А можно и то, и другое – воля ваша.
Для тех, кому затруднительно будет работать с сервисом (он на английском языке), за инструкцией зайдите сюда. Но, сделав всего одну кнопку на сайт, вы уже без труда сможете работать самостоятельно.

Шаг 2.  Закачиваем кнопку на свой сайт

Или любой другой ресурс хранения картинок, с возможностью использования ссылки на это изображение.

Шаг 3.  Создаём код для кнопки.

Я много чего перепробовала и, наконец, (О, НЕБО!) нашла шаблон!
 <a href=”адрес вашего сайта“><img title=”ТЕКСТ“ src=”URL картинки кнопки” alt=”Ключевое слово” /></a>
URL картинки кнопки я взяла со своего сайта, загрузив новоиспеченную кнопку через текстовый редактор, как обычную картинку.
Чтобы кнопочка была размещена по центру, заключим её в теги
<center><a href=“адрес вашего сайта“><img title=”ТЕКСТ” src=”URL картинки кнопки”
alt=”Ключевое слово” /></a></center>

Комментариев нет:

Отправить комментарий