Делаем кликабельной ссылку или картинку [урок 3]

Делаем кликабельной картинку

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

• Выбираем картинку.Для примера, я возьму одну из своих аватарок, и вести она будет ко мне в дневник.

•  Как и в предыдущих уроках ,заходим на нужную страничку(куда будет вести картинка) ,копируем адрес в адресной строке и вставляем в нашу формулу :

• Вот что у нас должно получиться:

Ну с этим вы уже знакомы и это не должно вам составить труда.

•  Теперь нам надо получить код изображения.Сделать это можно двумя способами:

1- через сайт радикал фото(или другой похожий сайт)

Для этого выбираем код под №6  и копируем его правой кнопкой мышки:

  <

- У нас получается вот такой код:

- Из него надо исключить (красным выделено) левую часть,заключенную в скобки <>(это ссылка на сайт радикал) и справа (это закрывающий тег).В итоге должно получиться вот что (я выделила нужное-черным):

• Теперь возвращаемся к нашей формуле и вставляем туда, где раньше вставляли слово.Должно получиться так (что бы было понятнее я выделила все составляющие части формулы):

• Нажав на "опубликовать",получаем вот такую кликабельную картинку из нашего примера:( нажав на нее вы попадете в мой дневник)

2- Получить код картинки можно и другим (как мне кажется,более простым) способом.

• Для этого загружаем картинку с компьютера в редактор

•  Нажимаем на кнопку " ПРЕДПРОСМОТР" или " В ЧЕРНОВИК".Когда картинка отобразится в черновике,нажимаем на "РЕДАКТИРОВАТЬ"  Затем мы нажмем в редакторе на "ИСТОЧНИК" ,и  увидим код нашей картинки.

• Забираем код и вставляем его в нашу формулу (без  p  в скобках <>,естественно).Вот что у нас получится

• Нажимаем на "СОХРАНИТЬ ИЗМЕНЕНИЯ" и любуемся результатом

 Можете нажать на картинку и проверить.

• P.S.Ну вот и все.Теперь вы можете делать любую кликабельную ссылочку.Попробовав пару раз,вы убедитесь,что это сосем не сложно.Хочу еще добавить из собственного опыта.Обычно,когда пишу пост,я открываю две вкладки и работаю в двух  редакторах.В  первом пишу сообщение,а в другом получаю коды к ссылочкам ,пробую различные изменения , проверяю их.А затем уже готовые коды вношу в первый редактор.