Как сделать свою, оригинальную кнопочку, для ссылок на сайты, в ЭДИТОРЕ

Сегодня я покажу как можно сделать свою, оригинальную кнопочку, для бродилок, банеров, и просто ссылок на сайты, в ЭДИТОРЕ. Делается это легко и просто.

Серия сообщений "Фотошоп онлайн/ЭДИТОР":

Часть 1 - Убираем ненужные объекты на фотографиях.
Часть 2 - Как сделать коллаж с фотографией в рамке ОКНО, в Эдиторе Pixlr.com
...
Часть 8 - КАК ИЗБАВИТСЯ ОТ ОДНОТОННОГО ЗАДНЕГО ФОНА НА КАРТИНКЕ
Часть 9 - Как сделать простой клипарт из любой картинки
Часть 10 - Как сделать свою, оригинальную кнопочку, для ссылок на сайты, в ЭДИТОРЕ
Часть 11 - Делаем свой, несложный, но оригинальный фон для дневника в Эдитор

Как правильно использовать "кнопки, убирающие текст под кат. Урок"

По многочисленным просьбам объясняю, как правильно пользоваться кнопками, с помощью которых,текст убирается под кат. Ими можно и не пользоваться, но мы делаем некоторые посты, где эти кнопочки украшают пост и всем понятно, что нажав на нее, попадаешь на страничку автора и пост откроется целиком. Итак, возьмем пока вот эти две кнопочки: Вот код одной из них, в данном случае второй кнопки: <img src="//img-fotki.yandex.ru/get/6608/39663434.1aa/0_78a2e_d0a4bc72_XS.jpg" alt="" width="23" height="49"/> Для начала еще раз повторяю код, с помощью которого текст убирается под кат, вот он: [more] Если поставить только этот тег(сами решаете, в какое место его поставить), то автоматически остальная часть уберется под кат Можно и вписать свой текст, ну например такой: [more=Самое интересное под катом] Здесь читатель увидит эти слова и нажав на них,прочитает текст целиком. Надеюсь, с эти мы разобрались с вами. А теперь про кнопки. Если вы поставите вот так, как я указала в рамочке ниже, то будет стоять одна кнопочка, без текста и она будет кликабельна. И нажав на нее, читатель увидит пост целиком. [more=<img src="//img-fotki.yandex.ru/get/6608/39663434.1aa/0_78a2e_d0a4bc72_XS.jpg" alt="" width="23" height="49"/>] В рамочке после слов more=следует код кнопочки, вы выбираете свою кнопочку и вставляете в квадратные кнопки полностью код. Повторюсь, что в этом случае будет стоять одна кликабельная кнопочка,но без текста. Можно и с текстом, кому как нравится. С текстом все должно будет выглядеть вот так, то есть мы должны будем добавить в код, который выше, свой текст: <center>[more= <center><img src="//img-fotki.yandex.ru/get/6608/39663434.1aa/0_78a2e_d0a4bc72_XS.jpg" alt="" width="23" height="49"/><center>ЖМИ] Вот что должно получится, когда вы поставите этот код: [more= ЖМИ] Здесь пришлось показать в коде,потому что в отличие от Я.ру, на Ли.ру два раза убирать под кат нельзя,картинка просто не будет видна.А вот на Я.ру можно. По поводу кнопочек, которые указывают в сторону, я их использую редко и в том случае, когда надо нажать на баннер,например. То есть рядом должна стоять картинка, на которую надо нажать, на что и будет указывать кнопка.Так же все ставим, как и в последнем коде, только вместо текста, в моем случае слово "ЖМЁМ", вот вместо него ставим картинку баннер, точнее код баннера, чтобы читателю было понятно, на что он должен нажать, кнопка указывает направление... И последнее, код кнопок не должен быть кликабельным, то есть в нем не должно стоять вот этой части кода, которая ведет на посторонний ресурс: <a href="адрес сайта,откуда картинка"> В противном случае,пост не откроется, а ссылка приведет на сайт, например на РАДИКАЛ, как ошибочно тут думают, ставя коды оттуда. Какие будут вопросы, пишите в личку, всем отвечу. Завтра напишу вам, как сделать рамку с прокруткой.Удачи,экспериментируйте!

ЕСТЬ КНОПЧКА ЛиРу!...Кнопки для перепоста текстов, картинок и видео из вашего блога..

http://greenfam.narod.ru/jj/zakladki.html

	Кнопка "перепост" для блогов LiveJournal Как сделать кнопку для перепоста в ЖЖ? Для того, чтобы ваши читатели могли перепостить ваш пост в своих блогах, нужно в конце поста вставить этот код: <form method='post' action='http://www.livejournal.com/update.bml' target='_blank'> <input value='сюда вставить текст, картинки, видео' name='event' type='hidden'> <input value name='subject' type='hidden'> <input value='' name='action:preview' type='submit' style='display: inline-block; width: 32px; height: 32px; background: url(http://greenfam.narod.ru/jj/livejournal.png) no-repeat;border: 0px dotted #fff; cursor:pointer;' title='Опубликовать в LiveJournal'> </form> Если картинка на кнопке вам не нужна, тогда вы можете использовать упрощенный код кнопки: <lj-repost button="Разместить у себя в журнале" /> Тогда кнопка будет выглядеть так:     Вместо слов "Разместить у себя в журнале", можете написать что-то свое.
	Кнопка - Поделиться в Facebook <a href='http://www.facebook.com/sharer.php?u=Ссылка&t=сюда вставить текст' target='_blank'><img src='http://greenfam.narod.ru/jj/facebook.png' border='0' width='32' height='32' alt='' title='Поделиться в Facebook'></a>
	Кнопка - Опубликовать в LiveInternet.ru <a href='http://www.liveinternet.ru/journal_post.php?action=n_add&cnurl=Ссылка&cntitle=Заголовок' target='_blank'><img src='http://greenfam.narod.ru/jj/liveinternet.png' border='0' width='32' height='32' alt='' title='Опубликовать в LiveInternet.ru'></a>
	Кнопка - Поделиться в Моем Мире <a href='http://connect.mail.ru/share?share_url=Ссылка' target='_blank'> <img src='http://greenfam.narod.ru/jj/mailru.png' border='0' width='32' height='32' alt='' title='Поделиться в Моем Мире'></a>
	Одноклассники и их кнопка Класс! 1. <a href="http://www.odnoklassniki.ru/dk?st.cmd=addShare&amp;st._surl=Ссылка" target="_blank"><img src='http://greenfam.narod.ru/jj/odnoklassniki.jpg' border='0' width='69' height='21' alt='' title='Добавить в Одноклассники'></a> 2. <a href='http://www.odnoklassniki.ru/dk?st.cmd=addShare&amp;st._surl=Ссылка' target='_blank'><img src='http://greenfam.narod.ru/jj/odnoklassniki.png' border='0' width='32' height='32' alt='' title='Добавить в Одноклассники'></a> После нажатия на кнопку откроется страница www.odnoklassniki.ru, на которой надо подтвердить установку ссылки. После подтверждения, ваши друзья увидят ссылку в ленте активности.
	Кнопка - Добавить в Twitter <a href='http://twitter.com/home?status=Сюда вставить текст Ссылка' target='_blank'><img src='http://greenfam.narod.ru/jj/twitter.png' border='0' width='32' height='32' alt='' title='Добавить в Twitter'></a>
	Кнопка - Поделиться ВКонтакте <a href='http://vkontakte.ru/share.php?url=Ссылка' target='_blank'><img src='http://greenfam.narod.ru/jj/vkontakte.png' border='0' width='32' height='32' alt='' title='Поделиться ВКонтакте'></a>
	Кнопка - Добавить в Яндекс.Закладки <a href='http://zakladki.yandex.ru/newlink.xml?url=Ссылка' target='_blank'><img src='http://greenfam.narod.ru/jj/yandex.png' border='0' width='32' height='32' alt='' title='Добавить в Яндекс.Закладки'></a>

 

 

Коллекция кнопочек...

http://blogs.mail.ru/mail/irinakozyr64/29334713A35BD76A.html

Коллекция кнопочек.

ОДНА КНОПКА... кнопка вставляется в пост, чтобы поделиться с другими социальными сетями... КЛАСС!... уже вставила в это сообщение...

 

Для новеньких и стареньких... КАК СДЕЛАТЬ КНОПКУ С ВЫПАДАЮЩИМ МЕНЮ?...

http://blogs.mail.ru/mail/alevtinaserova/49E4557C5625EDAE.html

Как сделать кнопку с выпадающим меню?

Для примера я сделала оглавление моего блога.
Выберите нужный раздел блога, выделите его и кликните по слову: ОТКРЫТЬ.
Данный раздел блога открывается в этом же окне.
Для того, чтобы вернуться сюда обратно, нужно нажать стрелку: "Назад" на панели инструментов.

Такую кнопку с выпадающим меню Вы сами сможите сделать в своём блоге.

.

<form action="http://freiman.info/files/link.php" method="GET">
<input type="hidden" name="h" value="_self">
<select id="links" name="links">
<option value="ССЫЛКА ">НАЗВАНИЕ
<option value="ССЫЛКА">НАЗВАНИЕ
<option value="ССЫЛКА">НАЗВАНИЕ
</select> <input type="submit" value="НАДПИСЬ НА КНОПКЕ">
</form>

Вместо слова: "ССЫЛКА" становите АДРЕС страницы, куда посылаем.
Вместо слова: "НАЗВАНИЕ", напишите название страницы, на которую Вы направили.

Как сделать самую простую кликабельную кнопку с надписью!...

http://blogs.mail.ru/mail/galina.lena/BB694E9761A5D6F.html

УРОКИ -Как сделать самую простую кликабельную кнопку с надписью!

Как сделать самую простую кликабельную кнопку с надписью! Для этого воспользуемся вот такой формулой А теперь поподробнее. Формула выглядит вот так Здесь надо заменить слова АДРЕС СТРАНИЦЫ, на тот адрес, куда вы хотите попасть с помощью этой кнопки. Для примера берем сайт мелких анимашек, и делаем на него кнопочку- посылалочку.. Вот адрес этого сайта, http://fantasyflash.ru/index.php?&kontent=anime который я взяла в адресной строке сайта Теперь переносим его на нашу кнопочку. Стираем слова АДРЕС СТРАНИЦЫ, а вместо этих слов подставляем адрес http://fantasyflash.ru/index.php?&kontent=anime Запись тогда будет выглядеть вот так А теперь пишем слова, которые хотим видеть на кнопочке, стерев слова НАЗВАНИЕ КНОПКИ. Например ИДЕМ СЮДА, или, САЙТ ЗДЕСЬ, вообщем все, что вы хотите. Я сейчас напишу САЙТ С КАРТИНКАМИ ЗДЕСЬ. Выглядеть теперь наша запись будет вот так Вот и все. Теперь наша кнопочка будет выглядеть вот так, и нажав на нее, вы попадете на сайт с анимашками.   Таким образом вы можете делать простейшие кнопочки для любых сайтов и блогов, использовав эту формулу. Можно вместо слов на кнопочку вставить мелкую картинку. Вот код этой кнопочки. Вместо слов АДРЕС КАРТИНКИ, вновь подставляем адрес, а в место слов АДРЕС КАРТИНКИ, ставим ее адрес. Я взяла звездочку, с того же сайта, на который мы и делали кнопочку. Картинки там мелкие и очень удобные для того что бы делать такие кнопочки. Адрес картинки берете так- ВСТАЕТЕ МЫШКОЙ НА КАРТИНКУ, ЖМЕТЕ ПРАВУЮ КНОПКУ МЫШИ И ВЫБИРАЕТЕ "КОПИРОВАТЬ ССЫЛКУ НА ИЗОБРАЖЕНИЕ" или выбираете свойства, а в них находите адрес картинки и копируете его. Теперь наша кнопочка выглядит вот так. Можно сделать кнопочку, где будет и картинка и текст. Вот этот код Здесь все аналогично, заменяем слова на АДРЕС СТРАНИЧКИ, затем АДРЕС КАРТИНКИ и СЛОВА ДЛЯ КНОПКИ. Тогда наша кнопочка будет выглядеть вот так САЙТ ЗДЕСЬ Можно так же такую кнопочку сделать на любом фоне. Вот этот код. Все аналогично, вместо слов вставляете адреса. Тогда наша кнопочка будет выглядеть так! САЙТ С КАРТИНКАМИ ЗДЕСЬ ВНИМАНИЕ, ТЕКСТ НА КНОПОЧКЕ, можете спокойно редактировать- размер шрифта, цвет и прочее. Вот и все. Для вашего удобства, все выше приведенные коды кнопочек я сейчас сделаю табличкой, что бы удобнее было пользоваться. Текст на кнопке - Картинка на кнопке - Текст и картинка на кнопке - Кнопка на фоне - Кому хочется делать кнопочки покрасивее и посложнее, уже готовые, то посмотрите ВОТ ЗДЕСЬ. Здесь ссылка на сайт с красивыми кнопочками, и описание как ими пользоваться! Успехов! Надеюсь у всех все получится! Из блога ГАЛИНЫ ШАДРИНОЙ

 

Делаем кнопки

Покажу как сделать самые распространенные кнопки,для переходов на другие страницы.

 

Простая кнопка

 

Если Вы нажмете на эту кнопочку,то попадете в мой дневник на Li.ru.Такую кнопку можно использовать для переходов на любую страницу в интернете,а так же в бродилках-путеводителях по блогу.

Делается она очень просто.
Копируете код из окошечка ниже
 

<form action="АДРЕС"><input type="submit" value="НАДПИСЬ" /></form>

Вместо моего слова АДРЕС ставите http-адрес нужной страницы.Вместо НАДПИСЬ пишите то,что должно быть написано на кнопке.Всё!

 

Читать дальше > > >
  Удачи!

 

Еще уроки здесь
Код поста для Mail.ru здесь

Все полезности в одном посте! :-)

Собственно пост удобной навигации по блогу:-) Все ссылки на самое полезное, чтоб Вам не искать:-)
Ссылки в двух видах:

1- Как всегда мой любимый флеш:-) Объясню зачем мне... а точнее вам это.
Флешка лежит у меня на народе, каждый раз как я создаю новый пост,- я буду дополнять эту самую флешку. И автоматически эта же флешка дополнится у вас ( если вы конечно ее возьмете;-) )
Именно в этом преимущество флешки над простым постом со списком ссылок. Допустим, сцитировали вы такой пост и все... он таким и останется в вашем цитатнике, если вы сами, вручную, не будете в него что-либо дописывать. А тут все просто- одна флешка, в ней всегда все ссылки из этого поста + все новые ссылки:-) Удобно?
Плюс, я всегда могу отметить на флешке "что новое" и вы сразу это заметите:-)

2-В конце поста просто список ссылок по рубрикам, чтоб былО, и чтоб я не выделялся уж слишком:-).

Итак сама флешка ( она в двух вариантах - на белом и на черном фоне, покажу только одну, а код вставки дам на обе, выбирайте:-) ):

Читать дальше > > >

КНОПКИ...

Фотографии в альбоме «Кнопки» Zomka на Яндекс.Фотках



Читать далее

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

Посмотреть на Яндекс.Фотках/fotki.yandex.ru/users/zomka/view/276980/">
Посмотреть на Яндекс.Фотках/fotki.yandex.ru/users/zomka/view/276985/">
Посмотреть на Яндекс.Фотках/fotki.yandex.ru/users/zomka/view/276987/">
Посмотреть на Яндекс.Фотках/fotki.yandex.ru/users/zomka/view/277420/">
Посмотреть на Яндекс.Фотках/fotki.yandex.ru/users/zomka/view/277421/">
Посмотреть на Яндекс.Фотках/fotki.yandex.ru/users/zomka/view/277421/">
Посмотреть на Яндекс.Фотках пройти по ссылке

Кнопки,указатели...

Далее

Делаем отдельный Список ваших постов-Бродилку. Ещё раз о рубриках... Для новеньких...

http://www.liveinternet.ru/users/svetlanat/post173017853/

Продолжаем тему СЕРИИ СООБЩЕНИЙ.
В данном уроке я попытаюсь объяснить как,можно отдельно в посте сделать такую же
Серию сообщений.Только чтобы он не тянулся огромным хвостом,а был отдельным,
самостоятельным постом.
Только сразу предупреждаю.
Новые пункты в вашем списке вы будете загружать сами,
автоматически они не загружаются.Итак как это сделать.
Например вот так:
Так будет выглядеть ваш список. 1 Развлечения. 2 Рукоделие.

Читать далее...

Поиск по блогу

Установите в своём блоге, форуме или на блогосервисе форму поиска.Это позволит вам не потеряться в записях и комментариях и быстро находить там нужную информацию.

1. Поиск по блогу   по комментариям по друзьям

2. Поиск по блогу по комментариям по друзьям

Заходим сюда
Вносим в строчку-Введите веб-адрес http-адрес своего блога.Это самая верхняя строчка на главной странице Вашего блога(ссылка).Например мой веб-адрес на Mail.ru

http://blogs.mail.ru/mail/tiotia-tania/Жмем Дальше.Указываем вариант дизайна формы поиска по блогу.Ставим галочку около -с фоном (см. информер 1) или без фона (см.информер 2).Лучше поставить галочку в Открывать результаты поиска в... около-новом окне.Жмем на Дальше.В окошке Код для вставки копируем свой код и ставим в блог.

 Из блога Егоровой Татьяны

Собираем свою компанию друзей

 

Как сделать баннер



ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ

КАК СДЕЛАТЬ БАННЕР

Баннер или кликабельную картинку можно сделать тремя способами:

1 способ.

Можно воспользоваться шаблоном



"Читать далее..."

Флеш-плееры "Кнопочки -2"

Кнопочки сделала не я, а замечательный человек с Я.ру ❀LuIra
Такие кнопочки прекрасно подойдут для ваших работ.
Музыку в них можно менять. Как это сделать смотрим УРОК .

Как вставлять такие кнопочки на свои открытки, смотрим ЗДЕСЬ

Серия сообщений "Флеш-плееры":
Часть 1 - Flash - плееры китайские
Часть 2 - Флеш-плееры "Пионы" с кодами
...
Часть 14 - Необычные флеш-плееры для вас
Часть 15 - Флеш-плееры "Кнопочки - 1"
Часть 16 - Флеш-плееры "Кнопочки -2"
Часть 17 - 2 флеш-плеера от Елены 505
Часть 18 - Флеш плеер «Радио микс».
Часть 19 - Приветствие-плеер от $VETL@N@

Делаем кнопочку на сайте "EDITOR"

 

Делаем кнопочку на сайте "EDITOR" @  из блога Галины Шадриной Сегодня я покажу как можно сделать свою, оригинальную кнопочку, для бродилок, банеров, и просто ссылок на сайты, в ЭДИТОРЕ. Делается это легко и просто.                                     Зайдя на сайт ЭДИТОРА который НАХОДИТСЯ ЗДЕСЬ, жмем кнопку СОЗДАТЬ НОВЫЙ РИСУНОК. Читать далее

Серия сообщений " ***фотошоп":
Часть 1 - Все для оформления и ведения блога(дневника)
Часть 2 - Разные полезности для дневника
...
Часть 23 - Фотогенераторы
Часть 24 - Полезные сервисы: Удаление ненужных объектов на фото онлайн
Часть 25 - Делаем кнопочку на сайте "EDITOR"
Часть 26 - Коллаж с фото на сайте Editor Pixir.com.
Часть 27 - Как легко и быстро удалить фон с фотографии онлайн
Часть 28 - Рабочие программы и краткое описание к ним
Часть 29 - Pho.to - бесплатный онлайн фоторедактор

Серия сообщений " ***картинки***открытки*** ":
Часть 1 - Полезный сайт.Оформление блога[mail.ru]
Часть 2 - генератор текста и кнопок
...
Часть 41 - Генераторы для дизайна 1 часть.
Часть 42 - 55+ полезнейших онлайн генераторов для дизайнеров
Часть 43 - Делаем кнопочку на сайте "EDITOR"
Часть 44 - Гифовина - создание анимации онлайн бесплатно создание gif анимации онлайн
Часть 45 - Коллаж с фото на сайте Editor Pixir.com.
...
Часть 47 - Фоторедакторы и фотоэффекты. Простые и удобные.
Часть 48 - Рабочие программы и краткое описание к ним
Часть 49 - Работа с гиф анимацией, конвертация и другое

Создать кнопку прямо в дневнике ЛиРу