Делаем простую кнопку для блога

Среда, 06 Апреля 2011 г. 12:54 + в цитатник

Цитата сообщения Милолика_Покровская

Прочитать целиком В свой цитатник или сообщество!

Делаем простую кнопку для блога.

Иногда при оформлении поста нужно загрузить много
Ссылочек на разные сайты или Одна тема и много подпунктов к ней.
Тогда вас выручит простая кнопка.
Как она вообще выглядит?А вот так .

Что бы ее сделать нужно вставить вот этот код к себе в блог
<form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=URL АДРЕС ССЫЛКИ" target="_blank" method="get"><input type="submit" value="НАЗВАНИЕ КНОПКИ" /><br /> <input type=hidden name=tok value=2085a8c9558a3ddbf7c292449daa93b8 /></form>
Там где написано "URL АДРЕС ССЫЛКИ" -нужно вставить адрес ссылки на страницу куда эта кнопка будет вести.
А где написано "НАЗВАНИЕ КНОПКИ" -пишите то что нужно вам.
Но это если нужна одна кнопка.А если несколько?
Чуть ниже я даю коды разных вариантов кнопок.Выбирайте какой нужен вам.Копируйте код и вставляйте к себе в блог.
1. Две кнопки друг за другом на одной строке.

Код этих кнопок. <table><tr><td><form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=адрес ссылки 1" method="get"><input type="submit" value="Текст кнопки 1" /><input type=hidden name=tok value=2085a8c9558a3ddbf7c292449daa93b8 /></form></td><td><form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=адрес ссылки 2" method="get"><input type="submit" value="Текст кнопки 2" /><input type=hidden name=tok value=2085a8c9558a3ddbf7c292449daa93b8 /></form></td></tr></table>
2. Три кнопки друг за другом на одной строке.

Код этих кнопок . <table><tr><td><form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=адрес ссылки 1" method="get"><input type="submit" value="Текст кнопки 1" /><input type=hidden name=tok value=2085a8c9558a3ddbf7c292449daa93b8 /></form></td><td><form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=адрес ссылки 2" method="get"><input type="submit" value="Текст кнопки 2" /><input type=hidden name=tok value=2085a8c9558a3ddbf7c292449daa93b8 /></form></td><td><form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=адрес ссылки 3" method="get"><input type="submit" value="Текст кнопки 3" /><input type=hidden name=tok value=2085a8c9558a3ddbf7c292449daa93b8 /></form></td></tr></table>
3.Четыре кнопки друг за другом.

Код этих кнопок. <table><tr><td><form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССылка" method="get"><input type="submit" value="кнопка 1" /><input type=hidden name=tok value=2085a8c9558a3ddbf7c292449daa93b8 /></form></td><td><form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССылка" method="get"><input type="submit" value="кнопка 2" /><input type=hidden name=tok value=2085a8c9558a3ddbf7c292449daa93b8 /></form></td> <td> <form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССылка" method="get"><input type="submit" value="кнопка 3" /><input type=hidden name=tok value=2085a8c9558a3ddbf7c292449daa93b8 /></form></td><td><form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССылка" method="get"><input type="submit" value="кнопка 4" /><input type=hidden name=tok value=2085a8c9558a3ddbf7c292449daa93b8 /></form></td></tr></table>
4.Одна кнопка под другой в ряд.

Код этих кнопок . <form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=адрес ссылки 1" method="get"><input type="submit" value="Текст кнопки 1" /><input type=hidden name=tok value=2085a8c9558a3ddbf7c292449daa93b8 /></form><form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=адрес ссылки 2" method="get"><input type="submit" value="Текст кнопки 2" /><input type=hidden name=tok value=2085a8c9558a3ddbf7c292449daa93b8 /></form>
5.Кнопка с картинкой.

Основное делаем так же,а там где написано УРЛ АДРЕС КАРТИНКИ -вставляем Адрес картинки ведущей на оригинал или если через Радикал Фото ,то код берём под № 1.
Код этой кнопки. <form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС САЙТА" target="_blank" method="get"><button type="submit"><img src=" УРЛ АДРЕС КАРТИНКИ " /> TЕКСТ КНОПКИ</button><input type=hidden name=tok value=2085a8c9558a3ddbf7c292449daa93b8 /></form>
6.Можно сделать и такое Выподающие окошко с кнопкой.

Код к этой кнопке с окошком. <form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.realsweb.com/link_to.php"><input type="hidden" value="_self" name="h" /> <select name="links"><optgroup label="-- 1 НАЗВАНИЕ РУБРИКИ"><option value="URL АДРЕСС ССЫЛКИ">НАЗВАНИЕ ССЫЛКИ</option><option value="URL АДРЕСС ССЫЛКИ">НАЗВАНИЕ ССЫЛКИ</option><option value="URL АДРЕСС ССЫЛКИ">НАЗВАНИЕ ССЫЛКИ</option></optgroup><optgroup label="-- 2 НАЗВАНИЕ РУБРИКИ"><option value="URL АДРЕСС ССЫЛКИ">НАЗВАНИЕ ССЫЛКИ</option><option value="URL АДРЕСС ССЫЛКИ">НАЗВАНИЕ ССЫЛКИ</option><option value="URL АДРЕСС">НАЗВАНИЕ ССЫЛКИ</option></optgroup> </select> <input type="submit" value="ЖМИ" /><input type=hidden name=tok value=2085a8c9558a3ddbf7c292449daa93b8 /></form>
Это удобно если вы загружаете много ссылок.Потому что занимает очень мало места в блоге.Всего одну строку .
КНОПКА С ЦВЕТОМ И КАРТИНКОЙ.

КОД этой кнопки <form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ ПРОФИЛЬ" method="get"><button style="BACKGROUND: #000080; WIDTH: 170px" type="submit"><font color="#FFFFFF">Вот такая кнопка</font><img src="КАРТИНКА через РАДИКАЛ -ФОТО код под №1" /></button><input type=hidden name=tok value=2085a8c9558a3ddbf7c292449daa93b8 /></form>
дневник Милолика Покровская

Серия сообщений "Всё для дневника":
Часть 1 - Информация по настройкам дневника
Часть 2 - Плеер с плейлистом и автозапуском для блога
...
Часть 17 - Ссылки и кнопки в HTML
Часть 18 - Часики
Часть 19 - Делаем простую кнопку для блога
Часть 20 - ДЕЛАЕМ КНОПОЧКУ
Часть 21 - Баннер
...
Часть 39 - Нужные формулы для дневника
Часть 40 - Нужные формулы для дневника
Часть 41 - HTML