Красиво оформляем ссылку-приглашение в гости

После того, как я сделала 1 пост с кнопками-переходами, одна из моих подруг попросила или подсказала сделать еще кнопки переходы, которые можно будет оставлять в других блогах, заходя в гости, чтобы хозяин блога мог сразу же попасть на вашу страничку. Пользоваться точно так же - вместо слов АДРЕС ССЫЛКИ ставите ссылку уже на свой блог. Выполняю поручение!

Ольга Витман

Смело нажимайте на кнопочку и попадете в мой блог на Mail.ru:

Серия сообщений "Для начинающих блогеров":
Часть 1 - Дизайн для дневника "Нежно-розовый".
Часть 2 - Эпиграф флешка в ваш дневник.
...
Часть 23 - Как сделать "именные" часики на свою страничку
Часть 24 - Кнопки для блогов, дневников, сайтов. Онлайн сервисы. Кнопка цитирования
Часть 25 - Красиво оформляем ссылку-приглашение в гости
Часть 26 - Делаем плеер для страничек дневника

Кнопки для блогов, дневников, сайтов. Онлайн сервисы. Кнопка цитирования

 

Кнопки для блогов 1. Подборка лучших веб-сервисов для онлайн-создания кнопок на сайт. В этом посте представляю  бесплатные сервисы — онлайн генераторы кнопок, которые дадут вам возможность сделать любые графические кнопки для вашего блога. Вы их сможете сделать самостоятельно и без использования, каких либо специальных программ и знаний. После создания кнопки, вы сохраняете ее на компьютер. Теперь, что касается самих генераторов кнопок для сайта. Бесплатные онлайн генераторы кнопок для сайта, можно считать уникальной, простой и оптимальной возможностью создания кнопки . Данные сервисы предлагают вам готовые кнопки на сайт, точнее их стили, каждый из которых вы можете самостоятельно редактировать с помощью применения к выбранному изображению путем выбора форм, шрифтов, цвета, а так же и применения всевозможных эффектов.

Серия сообщений "Для начинающих блогеров":
Часть 1 - Дизайн для дневника "Нежно-розовый".
Часть 2 - Эпиграф флешка в ваш дневник.
...
Часть 22 - По просьбе "скелетик" кода такой рамки.
Часть 23 - Как сделать "именные" часики на свою страничку
Часть 24 - Кнопки для блогов, дневников, сайтов. Онлайн сервисы. Кнопка цитирования
Часть 25 - Красиво оформляем ссылку-приглашение в гости
Часть 26 - Делаем плеер для страничек дневника

Серия сообщений "Это интересно":
Часть 1 - Серебряное заклинание Правдиной
Часть 2 - !!! о ГЛАВНОМ...
Часть 3 - РУССКИЙ, ПОМОГИ РУССКОМУ!!!
Часть 4 - Граждане США обращаются с требованием присоединения к России
Часть 5 - Общероссийская акция =Санкции против Барака Обамы!!=
Часть 6 - История одного стихотворения

Серия сообщений "Уроки Лиру":
Часть 1 - Флеш-часики к дню Святого Валентина
Часть 2 - Флеш - Календари в ваш Эпиграф.
...
Часть 23 - >Как сделать свою кнопку...
Часть 24 - Как сделать кнопку-указатель для блога?
Часть 25 - Делаем кнопку с полезными и любимыми сайтами.
Часть 26 - Делаем самую простую кликабельную кнопочку с надписью.
Часть 27 - Учебник ЛИ.ру. Как правильно писать пост.
Часть 28 - Как быстро пролистать компьютерную страничку
Часть 29 - Переносим пост с Мейла на ЛиРу

Серия сообщений "Уроки Лиру":
Часть 1 - Флеш-часики к дню Святого Валентина
Часть 2 - Флеш - Календари в ваш Эпиграф.
...
Часть 22 - По просьбам читателей- Как пользоваться кнопками-переходами Далее
Часть 23 - >Как сделать свою кнопку...
Часть 24 - Как сделать кнопку-указатель для блога?
Часть 25 - Делаем кнопку с полезными и любимыми сайтами.
Часть 26 - Делаем самую простую кликабельную кнопочку с надписью.
Часть 27 - Учебник ЛИ.ру. Как правильно писать пост.
Часть 28 - Как быстро пролистать компьютерную страничку
Часть 29 - Переносим пост с Мейла на ЛиРу

Как сделать свою кнопку...



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

КАК СДЕЛАТЬ СВОЮ КНОПОЧКУ


Вот такую кнопочку можно сделать буквально за несколько секунд

ВОПРОСЫ И ОТВЕТЫ

Дневник Ларисы Гурьяновой

Вам достаточно скопировать код такой кнопки, вставить его в новую запись в простом редакторе и сделать свою надпись на кнопке. Удачи!!!

<button name="" id="normBtn">НАДПИСЬ НА КНОПКЕ</button>

А как сделать такую кнопку кликабельной, смотрим ЗДЕСЬ

А хотите, сделайте кнопочки кликабельными и поставьте их в ряд

НАДПИСЬ НА КНОПКЕ

НАДПИСЬ НА КНОПКЕ

НАДПИСЬ НА КНОПКЕ

<center><table border="0" cellspacing="10" cellpadding="0"><tr> <td> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС" target="_blank"> <button name="" id="normBtn">НАДПИСЬ НА КНОПКЕ</button><br /> </a> </td><td><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС" target="_blank"> <button name="" id="normBtn">НАДПИСЬ НА КНОПКЕ</button><br /> </a> </td><td> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС" target="_blank"><button name="" id="normBtn">НАДПИСЬ НА КНОПКЕ</button><br /> </a> </td></tr></table></center>

для вас Лариса Гурьянова

Серия сообщений "Уроки Лиру":
Часть 1 - Флеш-часики к дню Святого Валентина
Часть 2 - Флеш - Календари в ваш Эпиграф.
...
Часть 21 - Урок. Обводка поста рамочкой
Часть 22 - По просьбам читателей- Как пользоваться кнопками-переходами Далее
Часть 23 - >Как сделать свою кнопку...
Часть 24 - Как сделать кнопку-указатель для блога?
Часть 25 - Делаем кнопку с полезными и любимыми сайтами.
...
Часть 27 - Учебник ЛИ.ру. Как правильно писать пост.
Часть 28 - Как быстро пролистать компьютерную страничку
Часть 29 - Переносим пост с Мейла на ЛиРу

Кнопочки-переходы Новогодние.

Кнопочки -переходы новогодние. <img src="//img0.liveinternet.ru/images/attach/c/7/94/605/94605524_Bez_imeni1.png" width="200" height="200" alt="Без имени-1 (200x200, 23Kb)" /> <img src="//img0.liveinternet.ru/images/attach/c/7/94/605/94605526_2.png" width="150" height="150" alt="2 (150x150, 29Kb)" /> <img src="//img1.liveinternet.ru/images/attach/c/7/94/605/94605527_3.png" width="150" height="92" alt="3 (150x92, 24Kb)" /> <img src="//img0.liveinternet.ru/images/attach/c/7/94/605/94605528_4.png" width="100" height="143" alt="4 (100x143, 19Kb)" /><br /> <img src="//img1.liveinternet.ru/images/attach/c/7/94/605/94605529_5.png" width="150" height="170" alt="5 (150x170, 35Kb)" /> <img src="//img0.liveinternet.ru/images/attach/c/7/94/605/94605530_6.png" width="120" height="131" alt="6 (120x131, 31Kb)" /> <img src="//img1.liveinternet.ru/images/attach/c/7/94/605/94605531_7.png" width="150" height="91" alt="7 (150x91, 28Kb)" /> <img src="//img0.liveinternet.ru/images/attach/c/7/94/605/94605532_8.png" width="120" height="138" alt="8 (120x138, 29Kb)" /> <img src="//img1.liveinternet.ru/images/attach/c/7/94/605/94605533_9.png" width="150" height="92" alt="9 (150x92, 31Kb)" /> <img src="//img0.liveinternet.ru/images/attach/c/7/94/605/94605534_10.png" width="120" height="115" alt="10 (120x115, 21Kb)" /> <img src="//img1.liveinternet.ru/images/attach/c/7/94/605/94605535_11.png" width="120" height="145" alt="11 (120x145, 33Kb)" /> <img src="//img1.liveinternet.ru/images/attach/c/7/94/605/94605537_12.png" width="200" height="228" alt="12 (200x228, 41Kb)" /> <img src="//img1.liveinternet.ru/images/attach/c/7/94/605/94605543_18.png" width="120" height="122" alt="18 (120x122, 27Kb)" /> <img src="//img0.liveinternet.ru/images/attach/c/7/94/605/94605542_17.png" width="130" height="96" alt="17 (130x96, 19Kb)" /> <img src="//img1.liveinternet.ru/images/attach/c/7/94/605/94605541_16.png" width="140" height="66" alt="16 (140x66, 21Kb)" /> <img src="//img0.liveinternet.ru/images/attach/c/7/94/605/94605540_15.png" width="120" height="112" alt="15 (120x112, 19Kb)" /> <img src="//img1.liveinternet.ru/images/attach/c/7/94/605/94605539_14.png" width="120" height="111" alt="14 (120x111, 18Kb)" /> <img src="//img0.liveinternet.ru/images/attach/c/7/94/605/94605538_13.png" width="120" height="171" alt="13 (120x171, 38Kb)" /> mimozochka

Серия сообщений "кнопки":

Часть 1 - Симпатичные кнопочки для перехода
Часть 2 - Анимация-стрелки для оформления
Часть 3 - Анимация-кнопки для блогов и дневников
Часть 4 - Кнопочки-переходы Новогодние.
Часть 5 - Кнопки цветочные-переходы
Часть 6 - Кнопочки-переходы "Далее".
...
Часть 10 - Кнопки"Далее"
Часть 11 - Кнопочки-переходы "Далее"
Часть 12 - Делаем кнопку со звуком

Серия сообщений "Кнопки-переходы":
Часть 1 - Кнопочки перехода "Далее"
Часть 2 - Гифки,смайлики
Часть 3 - ВЕСЕЛЫЕ КНОПКИ ПЕРЕХОДЫ
Часть 4 - ЦВЕТОЧНЫЕ КНОПКИ-ПЕРЕХОДЫ + КОД
Часть 5 - Кнопочки-переходы Новогодние.

По просьбам читателей- Как пользоваться кнопками-переходами Далее

После публикации кнопок - переходов "ДАЛЕЕ" у меня часто спрашивают, как ими пользоваться.
Попробую объяснить здесь, потому что отвечать каждому в письме не очень удобно, да и не совсем понятно, так как там коды HTML не отправишь.

Итак, нам потребуется формула Кода для оформления части текста "под кат". Эту формулу нужно сохранить, потому что она требуется часто - всегда, когда текст большой.
Вот эта формула:


Пишете текст поста. Затем отделяете часть поста и вставляете эту формулу. Весь текст после формулы (кнопки) будет после перехода на другую страницу.

В формулу можно вставить просто слово "ДАЛЕЕ", или картинку-кнопку. Если у меня берете, то вот эту часть кода картинки:


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

Серия сообщений "Уроки Лиру":
Часть 1 - Флеш-часики к дню Святого Валентина
Часть 2 - Флеш - Календари в ваш Эпиграф.
...
Часть 20 - Делаем кликабельные кнопочки на ваш дневник или какой-то сайт
Часть 21 - Урок. Обводка поста рамочкой
Часть 22 - По просьбам читателей- Как пользоваться кнопками-переходами Далее
Часть 23 - >Как сделать свою кнопку...
Часть 24 - Как сделать кнопку-указатель для блога?
...
Часть 27 - Учебник ЛИ.ру. Как правильно писать пост.
Часть 28 - Как быстро пролистать компьютерную страничку
Часть 29 - Переносим пост с Мейла на ЛиРу

Онлайн редактор для создания кнопок для постов и сайтов.

Привет! Сегодня, я расскажу о таком замечательном сервисе, «Da Button factory» С помощью этого сервиса, можно за считаные минуты создать свою кнопку для поста или сайта, не владея при этом никакими графическими редакторами. Как же он работает?

Серия сообщений "Учимся делать рамочки":
Часть 1 - Урок. Как правильно вставить содержимое своего поста в рамочку.
Часть 2 - Рамочки для текстов
...
Часть 23 - Урок 3. Делаем вместе простую рамочку из 4-х слоев
Часть 24 - Урок 5. Делаем вместе рамку с уголками.
Часть 25 - Онлайн редактор для создания кнопок для постов и сайтов.

ЦВЕТОЧНЫЕ КНОПКИ-ПЕРЕХОДЫ + КОД

<img src="//s019.radikal.ru/i630/1205/94/b64229c7a866.png" />

<img src="//s019.radikal.ru/i606/1205/84/e23f04db5420.png" />

<img src="//s019.radikal.ru/i624/1205/5e/f3b06d01631c.png" />

<img src="//s019.radikal.ru/i605/1205/2e/f16c41f13cbc.png" />

<img src="//s019.radikal.ru/i609/1205/55/31e3bd0206ee.png" />

<img src="//s019.radikal.ru/i617/1205/fd/8d7e556431d6.png" />

<img src="//s014.radikal.ru/i327/1205/28/1d977b06fd0f.png" />

<img src="//s019.radikal.ru/i639/1205/4d/2fae044981d7.png" />

<img src="//i009.radikal.ru/1205/52/f8e75d36c33e.png" />

<img src="//s018.radikal.ru/i527/1205/0a/a32d70f6c299.png" />

<img src="//s003.radikal.ru/i202/1205/fd/362b95b83043.png" />

<img src="//s019.radikal.ru/i608/1205/ef/c98e53a225bf.png" />

Серия сообщений "Кнопки-переходы":
Часть 1 - Кнопочки перехода "Далее"
Часть 2 - Гифки,смайлики
Часть 3 - ВЕСЕЛЫЕ КНОПКИ ПЕРЕХОДЫ
Часть 4 - ЦВЕТОЧНЫЕ КНОПКИ-ПЕРЕХОДЫ + КОД
Часть 5 - Кнопочки-переходы Новогодние.