воскресенье, 11 декабря 2011 г.

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

Как-установить-банер Вчера, мой коллега Александр Хвастович, попросил показать, Как повесить рекламу на блог, конкретнее Как установить рекламный банер на его блог (http://imstrs.blogspot.com).

C вопросом Как установить банер, рано или поздно, сталкиваются практически все авторы блогов и сайтов, т.к. банеры (графические блоки рекламного характера) установлены на абсолютном большинстве сайтов и блогов для привлечения внимания читателей.

Обычно к банерам привязывают гиперссылки, чтобы читатель щелкнув по банеру перешел на нужную страницу…

Лучше один раз увидеть, чем сто раз прочитать :) в конце статьи смотрите бесплатный видео-урок.

Рассмотрим пример установки банера партнерской программы.

Как установить банер на блог

Инструкция в картинках

1. Зарегистрируйтесь в партнерской программе (например, у Евгения Попова)

2. Находясь в панели управления блогом, на вкладке "Дизайн" - "Элементы страницы" в поле “Панель навигации” нажмите “Добавить гаджет”

kak-postavit-baner-01

 

3. В открывшемся окне “Добавить гаджет” выберите гаджет HTML / JavaScripr

kak-postavit-baner-02

 

4. В окне настроек гаджета HTML/JavaScript, в поле “Название” впишите заголовок, который Вы хотите видеть над банером

kak-postavit-baner-03

 

5. В поле “Содержание” вставьте код партнерской гиперссылки и нажмите “Сохранить

kak-postavit-baner-04

 

6. В панели управления блогом, на вкладке "Дизайн" - "Элементы страницы" нажмите “Сохранить”. Для просмотра обновленного блога нажмите “Просмотреть блог

kak-postavit-baner-05

 

7. Банер появился в соответствующем месте боковой панели.

kak-postavit-baner-06

 

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

kak-postavit-baner-07

 

P.S. Если Вы хотите установить свой банер и привязать к нему свою ссылку, тогда:

  1. в любом графическом редакторе подготовьте картинку, которая будет отображаться на Вашем блоге
  2. в HTML формате напишите ссылку, привязанную к Вашему банеру и запишите ее в поле “Содержание” окна настройки гаджета HTML/JavaScript, как показано в шаге 5.

 

Примечание: При необходимости, скачайте бесплатный курс по HTML и посмотрите Как записываются ссылки в HTML формате.

 

Смотрите видеоурок:

Как установить рекламный банер

 

 

С уважением,
Владимир Есипов
мастер построения блогов

 


+++

5 комментариев:

  1. Спасибо Владимир за пошаговую инструкцию. С такой информацией любой новичок легко вставит банер на свою страницу!

    ОтветитьУдалить
  2. Рад, помочь, Ирина!
    Надеюсь, новичков, воспользовавшихся инструцкцией будет много :)

    ОтветитьУдалить
  3. Спасибо большое! Очень интересно и понятно написано!

    ОтветитьУдалить
  4. Все это здорово, но вот никак и нигде не могу найти инфо, как эти банеры открываются в новом окне. У меня есть список любимых сайтов, но когда пробуешь установить их с помошью стандартных гаджетов,они открываются в существующем окне закрывая мой блог. Тоже касается и банеров. Тупо все это.

    ОтветитьУдалить