Как сделать кнопку-указатель для блога?



Как выяснилось, многим нашим читательницам просто крайне необходима волшебная кнопочка. Которая позволяет одним нажатием попадать в интересные места. Нет проблем, научим! (Это проще, чем с точкой G :)
Самая простая кнопка

А вот её код во флейме.

Всё очень просто:
1. Адрес блога (в кавычках после action=) - поменяйте на адрес своего блога или того, что вам нужно.
2. Название (в кавычках после value=) - название блога или любая надпись.

 

Подробнее:
1. Как и в простом варианте - адрес блога.
2. Адрес картинки.
#000080 - код цвета фона. Цвет можно поменять, выбрав, например, здесь - Таблица базовых цветов

 

<form action="URL" method="get"><button style="BACKGROUND: #000080; WIDTH: 150px" type="submit"><img src="URL картинки" /></button></form>

Код картинки - если хотите её поменять, то вставьте адрес своей картинки или загрузите её на сервер.

<img src="<a href="//img1.liveinternet.ru/images/attach/c/0//53/505/53505435_Amur1.gif"" target="_blank">//img1.liveinternet.ru/images/attach/c/0//53/505/53505435_Amur1.gif"</a> _fcksavedurl="<a href="//img1.liveinternet.ru/images/attach/c/0//53/505/53505435_Amur1.gif"" target="_blank">//img1.liveinternet.ru/images/attach/c/0//53/505/53505435_Amur1.gif"</a> width="105" height="105" alt=" (105x105, 4Kb)" />

Когда определились с цветом, картинкой, добавляйте текст.
<form action="<a href="//www.liveinternet.ru/community/3080659/profile/"" target="_blank">http://www.liveinternet.ru/community/3080659/profile/"</a> method="get"><button style="BACKGROUND: #000080; WIDTH: 150px" type="submit"><font color="#FFFFFF">Жми сюда!</font><img src="<a href="//img1.liveinternet.ru/images/attach/c/0//53/505/53505435_Amur1.gif"" target="_blank">//img1.liveinternet.ru/images/attach/c/0//53/505/53505435_Amur1.gif"</a> _fcksavedurl="<a href="//img1.liveinternet.ru/images/attach/c/0//53/505/53505435_Amur1.gif"" target="_blank">//img1.liveinternet.ru/images/attach/c/0//53/505/53505435_Amur1.gif"</a> alt="" /></button></form>
1. Адрес блога - в кавычках после action=
2. Адрес картинки - в кавычках после img src=
3. Цвет фона - после background: - его название или 6-значный индекс после #
4. Цвет текста для кнопки - в кавычках после color= - название или индекс.
5. Название кнопки - Жми сюда! - сразу после цвета текста

Сложив всё вместе, вы получите вот такую кнопку. Для упрощения всех операций просто скопируйте код из флейма и замените нужные моменты. Если есть вопросы - пишите в комментах.

Жми сюда!

Всё, что вам необходимо для правильной ориентировки на сайте, находится здесь - Учебник ЛиРу