Как вставить код баннера на сайт WordPress

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

Чтобы заинтересованные читатели могли быстрее найти полезный продукт или услугу мы научимся размещать рекламные баннеры для сайта, а точнее вставим баннерную рекламу – пример в сайтбар. Входим в панель администрирования блога WordPress. Идем  в раздел “Виджеты”, и перетягиваем виджет “Текст” в сайтбар. Этот виджет очень удобный при работе и часто используется при размещении html-кодов. А что такое баннер? Это и есть html-код, полученный на сайте партнера.

Итак, у нас на руках есть код для размещения баннера. Вставляем скопированный код в виджет “Текст”. Сохраняем. Если все правильно сделали, то на сайте появиться наше анимированное изображение. Например, в сайдбаре у меня размещена реклама партнерки 1popov.ru. Html-код рекламного баннера выглядит так:

<a href=“http://1popov.ru/alighter/disc6″ target=”_blank” rel=”nofollow”><img src=“http://1popov.ru/aff/adv_materials/disc6/linkimg/JPG_400_6.jpg” width=”250″ height=”216″ border=”0″ /></a>

Моя партнерская ссылка выделена красным цветом, а ссылка на графическую картинку синим.

Собственно говоря это все! Код для размещения баннера вставлен на сайт WordPress и готов к использованию.

Для улучшения внешнего вида разместим рекламный баннер по центру сайтбара. Для этого вставляем html-код баннера в тег <div align=center> и закрываем </div>. Должно получиться так:

<div align=center><a href=”http://1popov.ru/alighter/disc6″ target=”_blank” rel=”nofollow”><img src=”http://1popov.ru/aff/adv_materials/disc6/linkimg/JPG_400_6.jpg” width=”250″ height=”216″ border=”0″ /></a></div>

Можно также самому изменить размер баннера меняя количество пикселей в width и height. У меня стоит width=”250″ height=”216″.

Код баннера для размещения в статье устанавливается по такому же принципу. Здесь лучше выбирать размер большого баннера 468х60 на всю ширину страницы. Чтобы баннерная реклама отображалась правильно, нужно во время копирования кода переключиться с визуального редактора на html-редактор. Баннерная реклама – пример:

Вот теперь действительно все! Мы рассмотрели размещение баннера на сайте WordPress и разобрались как вставить код рекламного баннера. Желаю успехов и больше заработать с сети.

С уважением, Дмитрий Байдук

Поделиться ссылкой с друзьями

Подпишись на обновление блога! Получай новые статьи на почту:
black-mask-170 black-mask-170 black-mask-170 black-mask-170 black-mask-170 black-mask-170

Отзывов (11)

  1. Александр пишет:

    дай денех

  2. Владимир пишет:

    У меня было 3 баннера, пришлось 1 удалить) Отличная статья.

  3. Спасибо!!!!!!!!!
    Многие описывают какие-то сложные процессы….
    А ларчик, оказывается, просто открывается. ;-)

  4. andrei пишет:

    spasibo za cennij sovet, pomoglo

  5. Олег пишет:

    Ставлю баннер и сайт в опере не отображаєтся
    А в мозиле работает.

    • Если проблема только в Опере, то следует проверить настройки самого браузера или установить другую версию, посмотреть настройки штатного брандмауэра и сетевого подключения, почистить кеш.

  6. Спасибо за информацию, думаю пригодится. А как сделать в сайдбаре виджет самые интересные статьи.

    • Я сделал к каждой статье картинки в фотошопе, поставил ссылку на каждую картинку и через текстовый виджет разместил в сайдбаре. Принцип можно посмотреть здесь http://netbu.ru/making-the-site/design/ustanovit-krasivuyu-knopku-tvittera-na-sajt.html

      Вообще это всё быстро можно сделать через стандартные инструменты WordPress: Добавить новую запись и в ней отредактировать изображение как нужно.
      Ещё есть плагины для вывода лучших статей.

  7. Maks пишет:

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

    • Плагин для Самых интересных статей не использовал. В текстовый виджет вставлена картинка со ссылкой.

  8. Сергей пишет:

    Спасибо большое за подробное описание. Особенно выручил блок установки по центру.

Оставить комментарий

Ваш email не будет опубликован. Обязательные поля отмечены *