Как повесить банер самому?

3 ноября 2014 г. Просмотров: 848
Наличие умеренного количества баннеров на сайте или в блоге может разнообразить внешний вид ресурса и повысить его посещаемость. Изготовить и разместить любой баннер можно самостоятельно, при наличии графического редактора и знания необходимых HTML-тегов.
Создать сайт самостоятельно с Wix.com

Инструкция

  • Для изготовления баннера используйте любой доступный графический редактор. Это может быть и Photoshop, и GIMP, и Picasa, и даже Paint. Все, что вам нужно – это нанести на изображение текст, а если готовой основы под баннер нет, то и создать ее.
  • Если у вас есть картинка с фоновым изображением, откройте ее в графическом редакторе, добавьте свой текст, обрежьте картинку соответственно размерам будущего баннера. Если фона нет, залейте основу нужным вам цветом и нанесите надпись. Сохраните готовый файл в формате JPG.
  • Разместите полученную заготовку на фотохостинге с неограниченным сроком хранения файлов. Если баннер нужен для сайта, загрузите свою картинку на www.radikal.ru, www.photomonster.ru или www.fastpic.ru. Если баннер для блога на Livejournal, можете «залить» заготовку на www.ljplus.ru. Важно не использовать для хранения картинки баннера сервисы, с которых файлы пользователей удаляются через некоторое время после последнего обращения к ним.
  • После загрузки файла и получения на него ссылки, можно приступать непосредственно к размещению баннера на странице сайта. Но без специального HTML-тега это пока еще просто картинка с текстом, и клик по ней никуда не приведет.
  • Откройте панель управления сайтом или перейдите в меню оформления блога. Поместите курсор в поле для вставки HTML-кодов. В Livejournal это раздел Custom CSS на странице настроек стиля журнала. Используйте для создания баннера из имеющейся картинки следующий код:Вводите в качестве адреса полную ссылку, начинающуюся с http://.
  • Сохраните изменения и откройте страницу в режиме просмотра. При клике на баннер откроется страница, рекламным средством которой служит баннер.
  • Оцените статью!