Сперва нам нужно обзавестись этим баннером. Как правило его предоставляет рекламодатель, ну или вы делаете сами или заказываете у фрилансеров. Сперва я расскажу Как добавить баннер на сайт в виде кода. Для этого копируем необходимый код в буфер обмена. Затем идём в раздел — Внешний вид — Виджеты. Здесь перетаскиваете в право, в сайдбар, виджет под названием — Текст(произвольный текст или HTML-код). Даём своё название блоку и вставляем код баннера. Жмём сохранить.
И что же мы увидим ?
Как вставить баннер в шапку сайта
Тут нам понадобятся вспомогательные элементы html. И в этом я вам помогу. Поскольку шапка сайта серьёзное место и не терпит дилетантов. Перед началом работы сделайте резервное копирование блога. И приступим. Сперва мы берём наш код и оборачиваем его в <div>.Выглядит это так:
<div class=»banner1″>Код баннера</div>
Что тут для чего не буду в даваться в подробности, скажу только, что мы присвоили баннеру имя — banner1. Теперь при помощи FTP-соединения открываем файл heder.php. И вставляем наш код в желаемое место.
Вот такой у меня увесистый код получился, ну и посмотрим куда он разместился. Если ваш баннер скривит шаблон, то попробуйте его переставить на другую строку.
Это место меня не устраивает. Теперь будим его подгонять. Для этого открываем файл style.css. И в самый низ вставляем этот код:
.banner1 {float: left;margin: 0px 0px 0px 20px
}
Как вы наверное догадались, цифрами мы будим задавать координаты размещения баннера.
- первая цифра — по вертикали;
- четвёртая цифра — по горизонтали.
Ну тут вы сами побалуетесь. У себя я задал координаты — margin: 120px 0px 0px 443px. И вот что получилось:
Вот и всё, что касается размещения кода рекламы в шапке сайта.
Размещение баннера в виде картинки
Теперь, если баннером является обычное изображение, то вам необходимо его загрузить как обычный медиафайл на свой блог. Надеюсь это вы уже умеете, если нет, то читаем мой урок — как добавить картинку на сайт. После добавления картинки, у неё появляется собственная ссылка. Это будит являться адресом вашего баннера, как бы код. Этот адрес используете для размещения баннера.
Теперь ваш адрес нужно опять же обернуть в специальный код.
<a href=»http://ваш сайт» target=»_blank»><img src=«ваша ссылка на картинку»></a>
Вот как получилось у меня :
<a href=»http://klinikinfo.ru» target=»_blank»><img src=»http://klinikinfo.ru/wp-content/uploads/ban.jpg»></a>
Если вы хотите вставить баннер в сайдбар или на страницу, то этого кода достаточно. Но если вы его будите ставить в heder или footer, так что бы задать координаты, то придётся его обернуть, так как мы это делали выше:
<div class=»banner1″><a href=»http://ваш сайт» target=»_blank»><img src=» ваша ссылка на картинку «></a></div>
И добавить в css стиле :
.banner1 {float: left;margin: 0px 0px 0px 20px
}