Как сделать кликабельную ссылку

"Вопросик. А как сделать кликабельной ссылку на какой-нибудь сайт. Спасибо"

Отвечаю:
Во-первых, нужно скопировать адрес страницы, на которую ты хочешь сделать ссылку.
Ну хоть на эту, например:

АДРЕС копируем из адресной строки браузера. Посмотри у себя на экране какой там адрес.
А в моем примере, как видишь, адрес
http://ivaviva.ru/post122357571/
Это и есть адрес той страницы, на которую я буду делать ссылку.
Если его опубликовать в блоге, то он сам по себе должен становиться ссылкой, что легко понять, наведя мышку (мышка превратится в лапку). Но на Ли.ру это почему-то не всегда срабатывает. Какие-то тут защиты стоят от хакеров, наверное...

Ну ладно, мы сделаем ссылку красиво, чтобы человек заранее знал куда идет и что его там ожидает.

Поэтому в черновике набираем урл, вот такую заготовку из 12 символов:


После знака равенства (я это место отметила красной галочкой), вставляем АДРЕС (тот что копировали в адресной строке браузера).
Обязательно впритык, без просветов.


Смотрим урок до конца

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

Тут все носятся с рамочками для текста, стихов и прочего… Всякими кучерявыми, созданными с помощью длинных кодов…
Признаться, мне они только мешают вникнуть в текст.

Но мои читатели наверняка обратили внимание что я довольно часто публикую некоторые тексты в рамочке. В простенькой такой. Чтобы этот текст обособлялся, как-то отделился от основной статьи. Так пишутся объявления.

А хотите научу вот в такой рамке текст печатать? Для тех, кто размещает в своем блоге рекламу (да и мало ли по какой нужде захочется выделить абзац-другой).
Рамка строга и лаконична, не отвлекает от восприятия текста.

Нужно всего-то навсего перейти на латинский шрифт и набрать вот такую заготовку:
Читаем остальную лёгкость урока

Кнопки - кнопочки.

Уроки от Джулии

Кнопки - кнопочки.


Все кнопки для примера рабочие, жмите и смотрите.

1 - Кнопка с текстом

Формула
<form action="АДРЕС страницы" target="_blank" method="get"><input type="submit" value="Название кнопки" /><input type=hidden name=tok value=977e2075cadbd5629d0f62ef7bca79b4 /></form>
Пример

2 - Кнопка-картинка

Формула
<form action="АДРЕС страницы" method="get"><button style="type=&amp;quot;submit&amp;quot;"><img src="Адрес картинки" /></button><input type=hidden name=tok value=977e2075cadbd5629d0f62ef7bca79b4 /></form>
Пример

3 - Кнопка на фоне

НАЗВАНИЕ КНОПКИ

Формула
<a target="_blank" href="Адрес страницы"><button title="всплывающий текст"><table border="5" background="Адрес ФОНА"><tbody><tr> <td><center>НАЗВАНИЕ КНОПКИ</center></td> </tr></tbody></table></button></a>
Пример

КУЛИНАРНЫЕ РЕЦЕПТЫ

4 -На кнопке картинка и текст

TEКСT

<form action="Адрес страницы" target="_blank" method="get"><button type="submit"><img src="АДРЕС КАРТИНКИ" align="absMiddle" /> TEКСT</button><input type=hidden name=tok value=977e2075cadbd5629d0f62ef7bca79b4 /></form>
Пример

Напиши мне валентинку

Адрес страницы - это адрес сайта или страницы вашего блога, на которую перебросит читателя, нажавшего на эту кнопку.
Адрес картинки или фона - это ссылка Радикала №1

Желаю удачи!

Все уроки

Как взять с Ютуба фрагмент ролика

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

1. Открываете в Ютубе страничку с понравившимся видео и под названием ролика нажимаете "Поделится"

>>} 2. В открывшемся окне нажимаете HTML-код

3. После щелчка появится код для вставки этого ролика в блог. Но в нем стоят размеры окна, в котором будет проигрываться видео (width="560" height="315) 560Х315. Эти размеры меня не устраивают и поэтому я введу свои размеры. Для этого щелкаю на "ЕЩЁ", которое под кодом.

Если кого-то устраивают эти размеры, то копируйте код в рамке и переходите на шаг 7.

4. После нажатия на "ЕЩЁ" появится окно "Предварительный просмотр", под которым имеются три рамочки. Нажав на "Другой размер" можно выбрать уже готовые размеры и они сразу же появятся в коде ролика.

5. Но мне ни один из готовых размеров не подходит, потому что я для своего блога использую ширину 800 пикселей. Поэтому в среднюю рамочку я завожу размер 800 и нажимаю на клавиатуре "Enter" При этом правая рамочка заполнится автоматически.

6. В окне с кодом параметры ширины и высоты окна приняли нужные нам значения width="800" height="450". Делаем три щелчка в окне с кодом, чтобы выделить весь код без остатка и копируем его. На этом стандартная процедура закончена. Если вы желаете вставить ролик целиком в свой блог, то скопированный код вставляете в свой дневник и нажимаете "Предпросмотр" или "В черновик".

7. Если же хотите вставить фрагмент ролика то необходимо заблаговременно при его просмотре засечь время начала и время окончания фрагмента и перевести это время в секунды. Предположим начало моего фрагмента будет в 3 сек, а окончание - в 2 мин 49 сек. или если перевести в секунды - 169 сек.

Скопированный на Ютубе код имеет вот такой вид:

 

<iframe width="800" height="450"src="https://www.youtube.com/embed/xGCkPZBdLjg"frameborder="0" allowfullscreen></iframe>

В него надо добавить перед кавычками, как показано на рисунке ниже, выражение

?rel=0&start={&end=}

в котором вместо открывающих фигурных скобок поставить время начала (в нашем случае 3), а вместо закрывающих фигурных скобок - время окончания (в нашем случае 169)

Получится следующее выражение для кода фрагмента ролика:

  <iframe width="800" height="450"src="https://www.youtube.com/embed/xGCkPZBdLjg?rel=0&start=3&end=169"frameborder="0" allowfullscreen></iframe>
Вставляете его в свой дневник и нажимаете "Предпросмотр" или "В черновик" Добавляете все необходимое для вашего поста и нажимаете "Опубликовать в личный дневник" Фрагмент ролика у Вас в дневнике.
Успехов вам!
 

Серия сообщений "Пошаговые уроки":
Часть 1 - Как сделать картинку-ссылку
Часть 2 - О картинках на ЛиРу и длинных постах
...
Часть 17 - Создание серии сообщений дневника
Часть 18 - ВСТАВЛЯЕМ МЕЛОДИЮ В ПЛЕЕР ИЗ ФОТОШОП
Часть 19 - Как взять с Ютуба фрагмент ролика

[/more]

Как сделать картинку-ссылку

Кликабельные картинки

Пазлы собирать умеешь? Нет? Ну кубики в детстве приходилось складывать? Вот и хорошо, значит, сумеешь сделать так, чтобы картинка стала кликабельной, то есть превратилась в ссылку.

Я сначала в «Моих документах» завожу файл «Картинка-ссылка». В нем и работаю.
Почему не сразу в черновике дневника? А потому, что в Моих документах легко окрасить «кубики» конструкции в разные цвета, и поэтому потом легко их собирать в нужном порядке.

Сначала раздобываем код картинки.
Но ради кода картинки придется-таки начинать с лирушного дневника.
В дневнике совершаем такие действия:
Написать (там нашлепать хоть одно слово) – Прикрепить файл (Обзор)(тут выбираю картинку и жму «открыть») – Предпросмотр.
И картинка появляется в черновике.

Теперь жмем «редактировать». Открывается окно, в котором вместо картинки черт знает что, вот это, например:

Смотрим далее и читаем внимательно. Приятного освоения урока!

РАБОТА С ТЕКСТОМ. html коды для текста

Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 11 - Все о бегущем тексте. Примеры и коды.
Часть 12 - Все о ссылках, оформление и коды.
Часть 13 - РАБОТА С ТЕКСТОМ. html коды для текста
Часть 14 - Он-лайн графические редакторы
Часть 15 - Бродилка по РУБРИКАМ моего дневника.

Все о ссылках, оформление и коды.

Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 10 - Бродилка по ОНЛАЙН - генераторам для создания Слайд-шоу.
Часть 11 - Все о бегущем тексте. Примеры и коды.
Часть 12 - Все о ссылках, оформление и коды.
Часть 13 - РАБОТА С ТЕКСТОМ. html коды для текста
Часть 14 - Он-лайн графические редакторы
Часть 15 - Бродилка по РУБРИКАМ моего дневника.

Простые ОБЪЕМНЫЕ рамочки разной формы

Простые объемные рамочки, которыми можно разнообразить свои посты. Смотрятся они красиво, и очень просты в использовании. Рамочки не мои, собраны на просторах инета, пользуюсь ими давно , авторов не знаю, но очень им благодарна за работу. В рамочку можно вставлять все, что вам захочется, то есть весь ваш пост. Коды каждой такой рамочки внутри конкретной рамки. Копируйте их, и ставьте в свои записи в Простом редакторе, меняйте фоны под свой дневник. Там где написано ВАШ ПОСТ- Вставляете свой текст.

Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 5 - Разлиновка — шаблоны разлинованных листов всех форматов.
Часть 6 - Красивые слайд-шоу в ваш дневник
Часть 7 - Простые ОБЪЕМНЫЕ рамочки разной формы
Часть 8 - Бродилка по сайтам для обработки фото
Часть 9 - Простые, оригинальные рамочки разного цвета
...
Часть 13 - РАБОТА С ТЕКСТОМ. html коды для текста
Часть 14 - Он-лайн графические редакторы
Часть 15 - Бродилка по РУБРИКАМ моего дневника.

Рамочки - линии для выделения текста

Рамочки линии. Такие простые рамочки можно ставить, если просто хочется как-то выделить весь пост, или только самую важную часть его, при этом фон останется ваш. В рамочку можно вставлять все, что вам захочется, то есть весь ваш пост. Коды каждой такой рамочки внутри конкретной рамки. Копируйте их, и ставьте в свои записи в Простом редакторе.. Там где написано ВАШ ТЕКСТ- Вставляете свой текст.

Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
Часть 3 - Рамочки - линии для выделения текста
Часть 4 - БРОДИЛКА ПО САЙТАМ одноразовая e-mail электронная почта
Часть 5 - Разлиновка — шаблоны разлинованных листов всех форматов.
...
Часть 13 - РАБОТА С ТЕКСТОМ. html коды для текста
Часть 14 - Он-лайн графические редакторы
Часть 15 - Бродилка по РУБРИКАМ моего дневника.

Несколько оригинальных формул и ссылок для дневника

Для вашего творчества и фантазии, предлагаю несколько необычных формул и ссылок которые разнообразят ваши посты и рамочки! В МОЙ ДНЕВНИК

Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
Часть 3 - Рамочки - линии для выделения текста
Часть 4 - БРОДИЛКА ПО САЙТАМ одноразовая e-mail электронная почта
...
Часть 13 - РАБОТА С ТЕКСТОМ. html коды для текста
Часть 14 - Он-лайн графические редакторы
Часть 15 - Бродилка по РУБРИКАМ моего дневника.

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



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

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

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

1 способ.

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



"Читать, далее ещё интересней..."

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

Если есть подозрение на взлом


Иногда мне пишут о подозрениях, что их аккаунт был взломан. 100% уверенности у человека нет, но беспокойство данное неведение вызывает. Спрашивают как узнать точно.

Для начала НЕ ПАНИКОВАТЬ!
Расскажу что делать.

Читать далее

Главные расширения для Google Chrome / Бесплатные программы в картинках

http://optimakomp.ru/glavnye-rasshireniya-dlya-google-chrome/

 

Пост о моих расширениях и о том, как я делаю скриншот читайте здесь:

http://www.liveinternet.ru/users/nelyasha/post199412042/

Серия сообщений "Компьютерный ликбез":
Часть 1 - Об этике в интернете
Часть 2 - Горячие клавиши (Картинка дня)
...
Часть 16 - Как сделать скриншот (снимок экрана). Рекомендации из личного опыта
Часть 17 - Помощь блоггеру! Путеводитель по Photoshop
Часть 18 - Главные расширения для Google Chrome / Бесплатные программы в картинках
Часть 19 - Полная энциклопедия Windows на Windata.ru
Часть 20 - Punto Switcher — программа, которая следит за раскладкой клавиатуры.
...
Часть 35 - Понятный интернет
Часть 36 - Про эти клавиши клавиатуры должен знать каждый!
Часть 37 - Как правильно выбрать монитор для компьютера

Серия сообщений " Оформление дневника ":
Часть 1 - Как создать кнопку-переход
Часть 2 - 7 причин по которым не стоит вставлять в комментарии картинки
...
Часть 6 - ФОРМУЛЫ РАМОЧЕК ПОД РУКОЙ!!!
Часть 7 - Как сделать скриншот (снимок экрана). Рекомендации из личного опыта
Часть 8 - Главные расширения для Google Chrome / Бесплатные программы в картинках
Часть 9 - КРАСИВЫЕ ЗАСТАВКИ ДЛЯ КОМПЬЮТЕРА
Часть 10 - Как вставить код любого изображения в аккуратную рамку (урок)
...
Часть 33 - Все коды для оформления дневника в одном месте
Часть 34 - Еще один способ создания и вставки музыкального плеера в сообщение дневника.
Часть 35 - Все варианты создания и вставки плеера в текст сообщения или в рамку с кодом

Пишем красиво!!! Вот что может получится

Как сделать текстовые кнопки? Как их размещать?

Внесу очередное дополнение в

Наверное многие часто задавали себе вопрос:

Ну, что же. Сегодня я вас этому научу. Кроме того, я расскажу, как выстраивать их в строку и столбец.
Интересно? Tогда читайте дальше

Рабочие программы и краткое описание к ним

 

Где скачать красивые шрифты

Серия сообщений "Генераторы текста":

Часть 1 - Генератор радужного текста
Часть 2 - Как легко и просто подписать любую картинку анимированным текстом.
...
Часть 23 - Генератор подписей онлайн
Часть 24 - Генератор красивых заголовков
Часть 25 - Где скачать красивые шрифты
Часть 26 - Анимированные надписи
Часть 27 - Генератор печатей

Видео-уроки от Время чая Работа в расширенном редакторе

 

 

Как вставить ссылку на лиру, как сделать якорь на странице, как сделать ссылку на почту.

 

 

 

Как сделать кликабельной картинку или слово. Начинающим.

Что такое кликабельное слово или картинка, думаю, знают все. То место, где курсор превращается в маленькую ручку, это ссылка. Но если не знаете, что за этим, место незнакомое, не искушайте судьбу, не тыкайте где попало. Чтобы самим сделать кликабельную картинку, слово или даже смайлик, нужно набрать формулу. Так как знаки эти при публикации видоизменяются, то я даю их картинкой. Да простят меня опытные пользователи и лирушники.



В окошке эта формула ввиде кода: <b><a target="_blank" href="адрес">код картинки, слово или смайлик</a></b>




Зелененькая картинка и есть кликабельная . Любопытные могут нажать, хуже не будет.

Что такое активная ссылка и как ее сделать в ЛиРу

Что такое активная ссылка и как ее сделать в ЛиРу

В дневниках ЛиРу (LiveInternet) многие размещают статьи с других интернет-ресурсов. При этом, для того, чтобы не нарушить авторские права, мы делаем так называемую "активную ссылку" на тот сайт, с которого взят материал. Как ее сделать здесь, в дневнике ЛиРу и почему она так называется - об этом и пойдет речь дальше.

Что такое активная ссылка

Ссылка может выглядеть просто, как обычные слова в тексте, т.е. при наведении курсора на нее ее цвет не меняется, а если на нее нажать, вы не сможете перейти на другой сайт. Допустим, я напишу: "Посмотреть схему можно в этой группе"  http://vk.com/public49939279. Попробуйте нажать на указанную ссылку - видите, ничего не происходит. Вы просто получаете информацию, что есть по такому адресу какая-то группа или сайт, но попасть туда сразу не можете. А многие владельцы сайтов (да в общем-то, все) хотят, чтобы человек сразу попал к нему на сайт. Тогда нужно сделать ссылку активной, т.е. такой, чтобы нажав на нее, человек переходил на указанный адрес сайта, блога, сообщества и т.п.

Как сделать активную ссылку в ЛиРу

Первый способ. Итак, на той странице, где находится статья, мы копируем ссылку в строке браузера (в самом верху рабочего стола вашего компьютера, там, где "поиск" яндекса или гугла). Имейте в виду, если вы скопируете первую часть (выделена красным), то ссылка будет вести на весь сайт, а не именно к той статье, которую вы копируете. Это не запрещено, просто поясняю.

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

  Когда вы подведете курсор слева вплотную к началу текста,  в данном случае к слову "Вязание", сразу появится сама ссылка, вот так.

Подробное продолжение смотрите здесь

Серия сообщений "Интернет/компьютер":
Часть 1 - Отдельный домен для дневника на Лайвинтернет
Часть 2 - ЛиРу: как читать, если фон мешает и текст не видно?
...
Часть 9 - ВКонтакте - как красиво оформить свою страницу
Часть 10 - Как закачать видео с Ютюб в дневник ЛиРу
Часть 11 - Что такое активная ссылка и как ее сделать в ЛиРу
Часть 12 - Сервисы для анализа (аудита) сайта
Часть 13 - Применение ключевых слов в процессе оптимизации сайта
...
Часть 23 - Как отключить рекламу Яндекса на главной странице
Часть 24 - Как красиво обработать фото, сделать белый фон и пр.
Часть 25 - Делаем ФОТОКОЛЛАЖ вязания легко онлайн

Делаем кликабельную ссылку с помощью панели спецкода.
 

Несколько картинок в ряд (по уроку Mangian'ы )

Mangian'ы

Откройте расширенный редактор.

(копировать код в рамочках -Ctl+A)

Чтобы поставить картинки таблицей, как у меня воспользуйтесь формулой:  

А если нужна ещё строка из картинок, то   перед тегами 

надо поставить  столько раз, сколько требуется. У меня три раза - три картинки в ряд

	;	;

   Изменить размер картинки можно через контекстное меню (правой кл. мышки) - Свойства изображения, у меня 200 на 150 (установив одно значение - 200, второе  <?> ставится автоматически).

Глобус-счётчик посетителей

Код *глобуса визитов* и его установка в ваш блог
 

Всем привет! Очень много вопросов по поводу этого глобуса, который устанавливается в профиль вашего дневника и в ЭПИГРАФ. Этот глобус показывает визиты читателей, гостей на ваши странички. Сейчас я вам расскажу и покажу, как его установить, поменять фон под ним и естественно сам код глобуса выложу. Глобус показывает города визитеров, общее кол-во посещений (т.е. сколько было посещений за весь период существования вашего дневника) и сколько визитов на данную минуту, когда вы вошли в дневник. Это понятно,да? Фон у всех наверное черный стоит, а я в этом глобусе поменяла его и стало намного симпатичнее. Теперь более подробно обо всем этом.

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

Краткий словарь начинающих лирушников.

Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 24 - Бродилка по урокам по ЛиРу
Часть 25 - html коды для текста
Часть 26 - Краткий словарь начинающих лирушников.

Что такое «фишинг»
 

 Фишинг (англ. phishing, от fishing — рыбная ловля, выуживание и password — пароль) — вид интернет-мошенничества, цель которого — получить идентификационные данные пользователей. Сюда относятся кражи паролей, номеров кредитных карт, банковских счетов и другой конфиденциальной информации.

Фишинг представляет собой пришедшие на почту поддельные уведомления от банков, провайдеров, платежных систем и других организаций о том, что по какой-либо причине получателю срочно нужно передать / обновить личные данные. Причины могут называться различные. Это может быть утеря данных, поломка в системе и прочее.

Читаем подробности пояснения...

 

Про эти клавиши клавиатуры должен знать каждый!
 

В этом уроке я хочу рассказать Вам о назначении клавиш, при взгляде на которые сразу не понятно, что должно происходить при их нажатии. Это, разумеется, не буквенно-цифровые клавиши, с ними и так всё понятно – что нарисовано, то и отобразится при нажатии. Правда, на некоторых буквенно-цифровых клавишах, нарисовано по три символа, и сразу тоже не понятно как отобразить какой-то из них. О том, как, с помощью каких клавиш и в каких режимах отобразить каждый из символов, нарисованных на клавише, я тоже расскажу в этом уроке.

Давайте взглянем на обычную клавиатуру.

Читать далее

Сайты конвертеры. Скачивайте видео и аудио с YouTube.

1. 2. 3. 4.