Как разместить баннер на блоге


Приветствую посетителей своего блога!

На многих сайтах и блогах можно увидеть картинки, нажав на которые происходит переход к другой статье вашего сайта или переход на другой сайт. Это так называемые рекламные баннеры, кликнув на которые мы попадаем на рекламируемый сайт. Из этой статьи вы узнаете, как разместить баннер на блоге.

Рассмотрим несколько наиболее простых способов.

Если Вам нужно поставить баннер на главную страницу в боковую панель (сайдбар)

Лучше всего это сделать через пункт меню «Виджеты» админки вордпресс.

Заходим в пункт Виджеты (Внешний вид — Виджеты).

В колонке «Доступные виджеты» выбираем «Текст» и перетаскиваем его в область вставки виджетов.

В раскрывшемся поле пишем заголовок (к примеру «Реклама»), а в большое поле вставляем HTML — код баннера. Нажимаем кнопку «Сохранить»

Другой способ установки баннера в сайдбар.

В разделе «Виджеты» нажимаем на надпись «Перейти на экран настройки темы» (рядом с заголовком Виджеты).

как разместить баннер на блоге

Появляется окно, в котором справа главная станица вашего сайта, слева меню настойки виджетов.

как разместить баннер на блоге

Открываем меню вставки виджетов садбара и нажимаем кнопку «Добавить виджет»

3

В открывшемся меню выбираем пунтк «Текст»

как разместить баннер на блоге

В открывшейся области записываем заголовок и вставляем код баннера и нажимаем кнопку «Сохранить и опубликовать».

как разместить баннер на блоге

Далее обновляем главную страницу своего блога и видим вставленный баннер.

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

<div align="center"><КОД БАННЕРА></div>

Далее приведу пример  для вставки партнерского баннера в сайдбар:

<div align="center"><a href="ВАША ПАРТНЕРСКАЯ ССЫЛКА"rel="nofollow" target="_blank"><img src="ПУТЬ К КАРТИНКЕ"/></a></div>

ВАША ПАРТНЕРСКАЯ ССЫЛКА — Это ссылка на рекламируемый Вами сайт или партнерский продукт.

ПУТЬ К КАРТИНКЕ — то место в корневом каталоге сайта, куда вы сохранили изображение баннера.

На своем блоге все баннеры сохраняю в корневом каталоге сайта в папке img

Путь к баннеру выглядит так: http://compforlife.ru/img/baner.gif

То есть полностью готовый код для вставки в сайдбар будет выглядеть таким образом:

<div align="center"><a href="партнерская ссылка с http://"rel="nofollow" target="_blank"><img src="http://compforlife.ru/img/baner.gif"/></a></div>


Если вам нужно поставить баннер прямо в  ваш пост делаем следующее:

Копируем нужный код баннера (Ctrl+C) с сайта источника.

Берем из рекламных материалов сайта партнера.

Переходим к себе в блог. Открываем нужную запись для редактирования:

(Записи — Все записи — находим нужную — жмем на слово «Изменить»).

В левом верхнем углу в меню переходим на вкладку «Текст». Редактируемую запись теперь видно в виде HTML-кода. вперемешку с текстом.

Далее ориентируясь по тексту, переключаясь между вкладками «Визуально» и «Текст» выбираем место куда вставить код вашего баннера.

Для удобства в нужном месте  можно поставить метку, например «999», чтобы быстрее найти нужное место для вашего баннера. Определившись с местом расположения баннера нажимаем Ctrl+V.

Далее переключаемся на вкладку «Визуально», чтобы посмотреть как расположился ваш баннер.

В этой же вкладке (Визуално) можно корректировать положение вашего баннера. Делается это как с обычным изображением.

Нажимаем в меню админки вверху справа Обновить, переходим на ваш сайт и смотрим, что получилось. Далее корректируем ваш баннер как простоте изображение.

На этом все. Надеюсь, что статья будет для вас полезна.

Если у вас возникли какие — либо вопросы по установке баннеров задавайте их в комментариях.

С уважением, Ул Сартаков.