Как сделать изображение ссылкой



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

В принципе делается это также просто: в редакторе сообщений блога, как мы делаем кликабельным любое слово, которое хотим сделать ссылкой. Итак мы написали пост, загрузили изображение, теперь нам надо это изображение сделать ссылкой.

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

Показано, как выделить и сделать изображение работающей ссылкой

Нажимаем сверху-ссылка и пишем только URL адрес. Проверяем ссылку, открывается ли в новом окне. Если всё нормально нажимаем-ок. Можете кликнуть выше по изображению, Вас перекинет на указанный мной адрес. 

Вот и всё, как говорят-всё гениальное просто. А я говорю Вам до свидания и жду ваших комментариев.

Читать также:






Автор статьи ✎ Olga Protasova Выпуск ✹ 8/20/2013 Ярлыки ►


Открыть комментарии →

4 коммент. :

  1. Оля,спасибо. Очень всё просто и понятно. Красивый у вас блог.

    ОтветитьУдалить
  2. Оля, спасибо за отзыв. Стараюсь по возможности рассказать начинающим владельцам блогов понятную и доступную информацию. Сама когда то начинала, знаю как тяжело бывает без поддержки.

    ОтветитьУдалить
  3. Добрый день! не подскажете как в блоге на главной странице сделать чтобы сообщения выглядели так-картинка,далее немного текста,и потом кнопка"показать все сообщение" вот как в блоге у человека этого например http://www.in-blog.com
    если это дизайн такой- то подскажите какой..

    ОтветитьУдалить
    Ответы
    1. Lens, здравствуйте. Это шаблон такой. Посмотрите, у меня на главной тоже картинка, немного текста и ссылка "Продолжить чтение". Но на главной еще две колонки с гаджетами, это настроено в шаблоне.
      Главную страницу можно оформить на свое усмотрение. Вы можете погуглить и найти информацию, только ищите конкретно для блогов blogger.

      Удалить


Ув. читатели! Для вставки HTML кода в комментарии, воспользуйтесь Генератором HTML кода

 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *