Хотите разместить на своём изображении ссылку? Так, чтобы человек нажимал мышкой на картинку на Вашем сайте (блоге), а ему бы открывался другой сайт (блог) или другая страничка Вашего веб-ресурса. Иными словами, так называемый баннер разместить.
Это не так уж и сложно.
Для Blogger вообще не возникнет трудностей, так как в редакторе публикации имеются все необходимые кнопочки для этого. Впрочем, на большинстве конструкторах сайтов (блогов/веб-страниц) предусмотрены эти специальные кнопки, позволяющие практически автоматически размещать баннеры в контенте Вашего интернет-ресурса.
А если хотите, то в HTML-редакторе можно и вручную прописать следующий самый простой HTML-код, чтобы получился баннер:
, где:
http://life-for-life-project.blogspot.com/ - URL сайта, который должен будет открыться после клика по картинке;
https://lh4.googleusercontent.com/...252520vopreki.gif - URL изображения;
target="_blank" - атрибут не обязательный, указывает браузеру, что сайт должен быть открыт в новом окне (вкладке), для себя можете его и удалить;
width="640" height="78" - ширина и высота изображения, соответственно, если требуется указать особые размеры картинки, отличающие от исходных (уменьшить/увеличить), а если же изображение в оригинале вполне вписывается в дизайн страницы, то могу затереть;
alt="жить вопреки" (атрибут считается обязательным, хоть между кавычками можно ничего не писать) - в случае, если само изображение не загрузится, на его месте будет эта надпись - жить вопреки;
title="блог о жизни" - всплывающая подсказка, при наведении курсором на ссылку (не обязательно).
Собственно, вот такой результат получился:
Повторюсь, ничего, как видите, сложного нет. Просто, чтобы была Ваша картинка и по клику открывался сайт, необходимый Вам, Вы должны будете прописать в коде, указанном выше, свои ссылки.
Но на одном из бесплатных конструкторов веб-страничек стандартный HTML-код для размещения баннера не воспринимается.
Конечно же, можно было отказаться использовать тот сервис создания своих страничек в интернете. Но не ищем путей мы лёгких(☺), да и просто интересно стало, как можно в такой ситуации "впихнуть" (разместить не стандартным способом) туда баннер.
Свой вариант решения я нашёл в следующем HTML-коде:
Чтобы картинка полностью отображалась, надо указать соответствующую высоту - height.
Размещая этот нестандартный, так сказать, HTML-код баннера в Blogger(е), выдаёт ошибку: "Ваш код HTML не может быть принят: Ошибка в теге: A". Но всё же работает тоже!
Это не так уж и сложно.
Для Blogger вообще не возникнет трудностей, так как в редакторе публикации имеются все необходимые кнопочки для этого. Впрочем, на большинстве конструкторах сайтов (блогов/веб-страниц) предусмотрены эти специальные кнопки, позволяющие практически автоматически размещать баннеры в контенте Вашего интернет-ресурса.
А если хотите, то в HTML-редакторе можно и вручную прописать следующий самый простой HTML-код, чтобы получился баннер:
, где:
http://life-for-life-project.blogspot.com/ - URL сайта, который должен будет открыться после клика по картинке;
https://lh4.googleusercontent.com/...252520vopreki.gif - URL изображения;
target="_blank" - атрибут не обязательный, указывает браузеру, что сайт должен быть открыт в новом окне (вкладке), для себя можете его и удалить;
width="640" height="78" - ширина и высота изображения, соответственно, если требуется указать особые размеры картинки, отличающие от исходных (уменьшить/увеличить), а если же изображение в оригинале вполне вписывается в дизайн страницы, то могу затереть;
alt="жить вопреки" (атрибут считается обязательным, хоть между кавычками можно ничего не писать) - в случае, если само изображение не загрузится, на его месте будет эта надпись - жить вопреки;
title="блог о жизни" - всплывающая подсказка, при наведении курсором на ссылку (не обязательно).
Собственно, вот такой результат получился:
Повторюсь, ничего, как видите, сложного нет. Просто, чтобы была Ваша картинка и по клику открывался сайт, необходимый Вам, Вы должны будете прописать в коде, указанном выше, свои ссылки.
Но на одном из бесплатных конструкторов веб-страничек стандартный HTML-код для размещения баннера не воспринимается.
Конечно же, можно было отказаться использовать тот сервис создания своих страничек в интернете. Но не ищем путей мы лёгких(☺), да и просто интересно стало, как можно в такой ситуации "впихнуть" (разместить не стандартным способом) туда баннер.
Свой вариант решения я нашёл в следующем HTML-коде:
Чтобы картинка полностью отображалась, надо указать соответствующую высоту - height.
К слову:
Не имея доступа к CSS сайта, и с помощью HTML можно красивенько оформить веб-страничку☺
Не буду утверждать, что этот код истинно верен, хоть валидаторы, вроде бы, пропустили его, да на страничке, созданной мной, он до сих пор без проблем фунциклирует, что мне, главным образом, и требуется!Не имея доступа к CSS сайта, и с помощью HTML можно красивенько оформить веб-страничку☺
Размещая этот нестандартный, так сказать, HTML-код баннера в Blogger(е), выдаёт ошибку: "Ваш код HTML не может быть принят: Ошибка в теге: A". Но всё же работает тоже!
Комментариев нет:
Отправить комментарий