5.0 0.5 4 33

Как вставить баннер?

Ксения Вилинская
Ксения Вилинская
19 декабря 2014
688
Оцените:
Как вставить баннер?

Смотрите видео

Как вставить баннер?

Контекстная и ссылочная реклама востребована владельцами сайтов, однако не думает сдавать позиций и баннерная. Яркие картинки всегда цепляют взгляд и фокусируют внимание. Грамотно созданный баннер способен привлечь больше посетителей на конкретный ресурс. Создать такого типа рекламу можно и самостоятельно, если приложить немного усилий. Впрочем, если вы знакомы с фотошопом, то проблем не должно возникнуть. Рассмотрим, как сделать и поставить баннер.

Первый этап: создание баннера

Если говорить кратко, сделать его можно наиболее удобным для вас способом:

  • заказать у фрилансера;
  • разработать самостоятельно;
  • использовать программы для создания баннеров;
  • использовать онлайн-серверы для создания баннеров.

Более подробно об этом рассказано в статье Как сделать баннер.

Второй этап: размещение баннера

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

Код баннера имеет довольно простое строение:

  • <a href="место, куда ведет баннер" ><img style= "position:absolute;top:50px;right:300px; border: 1px solid #ddad22;" src="ссылка, указывающая место расположения баннера"" alt="надпись" border="1"/></a>

Разберемся в значении отдельных элементов:

  • position:absolute - обозначает позиционирование элемента относительно других объектов на странице. Когда выставляется такое значение, баннер позиционируется прозрачно - то есть другие элементы отражаются так, как будто баннера нет. Шапка сайта в виде цельной картинки? Тогда, чтобы вставить свой баннер правильно, поменяйте position с absolute на relative.
  • top:50px - указывает положение элемента относительно верхнего края шапки. Меняя значение, вы можете сдвигать баннер вверх и вниз.
  • right:300px - указывает положение элемента относительно правой стороны шапки сайта, также можно менять.
  • border: 1px - это толщина обводки баннера (если не нужна, выставляете 0)
  • solid #ddad22 - цвет обводки, его можно менять по вашему усмотрению.

Путь к баннеру

Осуществите вставку полученного кода, следуя по пути: панель инструментов - редактор - header.php

Откройте файл header. В него надо вставить код - обычно советуют вставлять в район тегов. Проверьте.

"Играйте" со значениями элементов кода, если не добьетесь нужного вида баннера сразу же.

Баннер рекламной компании

Чтобы вставить баннер, пропишите в коде шапки в header код:

  • <div class=”ban”>

тут пропишите скрипт рекламного баннера

  • </div>

Откройте файл style.css. Здесь пропишите следующее:

  • .ban
  • {
  • display : block;
  • position: absolute;
  • left: 321px;
  • top: 45px;
  • width: 468px;
  • text-align: center;
  • }

Код вставьте в конец файла. Значения top, left можно менять. Как и wigth - это ширина баннера.

Удачи!

Подписывайтесь на наши группы в социальных сетях - смешные статьи, картинки и факты!