Как сделать кликабельную картинку?
Метки: для блОгерОв
Вы не можете комментировать, т.к. не авторизованы.
|
|
Татьяна Школьникова
15-09-2014 20:22 (ссылка)
Как сделать кликабельную картинку?
Листая страницы моего блога, Вы видели, что во многих постах установлена картинка, а под ней надпись: Жмите на картинку.
Кликнув по картинке, Вы попадёте на другую страницу или сайт.
Сейчас, на примере картинки, которая здесь установлена, я напишу о том, как я это делаю два варианта.
Первый вариант.
Я сделаю так, что кликнув по картинке , Вы попадёте на первую страницу моего блога.
1. Откройте новую запись, в другом окне откройте страницу, на которую Вы направляете своих гостей.
2. Загрузите свою картинку http://www.radikal.ru/
3. Из предложенных ссылок возьмите ссылку № 6. Она выглядит так:
<a target="_blank" href="<text color="510c00">http://www.radikal.ru</text>"><img src="http://s58.radikal.ru/i162/..." ></a>
4. Адрес радикала в кавычках "http://www.radikal.ru" замените на адрес страницы, на которую Вы направляете. В моём случае, это адрес моего блога: http://blogs.mail.ru/bk/rab...
Кавычки не убираем, а устанавливаем адрес в кавычки.
5. Картинка лучше смотрится, если она установлена по центру. Для этого выделите код картинки и нажмите на панели инструментов на значек: Выравнять текст по центру.
Сейчас код уже кликабельной картинки выглядит так:
<a target="_blank" href="http://my.mail.ru/community..."><img src="http://img-fotki.yandex.ru/..." width=250 border="0"/></a>
Второй вариант.
Можно воспользоваться следующей формулой:
<a href="адрес ссылки" target=_blank><img src="URL адрес картинки" border="0"></a>
Формулу заносите в формат HTML, в упрощённый формат не переходить, можно всё потерять, пользуйтесь кнопкой "Предпросмотр".
где: URL адрес картинки - Ссылка №1 в Радикал-Фото
В качестве примера я сделала кнопку-баннер моего блога.