Конструктор баннеров для сайта BannerBoo: как создать свой первый рекламный баннер

Конструктор баннеров для сайта bannerboo: как создать рекламный баннер для сайта

Всем привет!

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

Итак, представляю вашему вниманию онлайн конструктор баннеров для сайта — BannerBoo! Ну а начнем мы, пожалуй, с регистрации.

Регистрация

Регистрация довольно простая и занимает буквально две минуты. Для начала перейдите на официальный сайт – BannerBoo и нажмите «Вход» или «Сделать баннер»:

Конструктор баннеров для сайта bannerboo.

 

 

Ну и сама регистрация:

Конструктор баннеров для сайта bannerboo

Вводим почту, пароль, ставим галочку подтверждения согласия с условиями конфиденциальности. Нажимаем зарегистрироваться, открываем электронную почту, ищем письмо с подтверждением.

На этом все, регистрация окончена и можно начинать создавать свой первый рекламный баннер для сайта.

Как создать баннер для сайта

А теперь перейдем к созданию.

Отключите Adblock, поскольку он блокирует рекламу, а баннеры и есть реклама=)

Переходим в личный кабинет и нажимаем «Сделать баннер»:

Конструктор баннеров для сайта bannerboo

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

Конструктор баннеров для сайта bannerboo. Рекламные баннеры для сайта

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

Конструктор баннеров для сайта bannerboo

Теперь я создам тестовую рекламку и начну с выбора фона. В качестве фонового изображения можно выбрать цвет, картинку из уже существующих или подгрузить свою. Я выбрал уже готовое изображение:

Конструктор баннеров для сайта bannerboo

К слову, здесь есть наборы из разнообразных кнопок, фигур, иконок и анимаций, каждую из которых можно персонализировать под себя:

Конструктор баннеров для сайта баннербуу

Так-с, теперь добавим текст. Как уже было сказано, я создаю баннер просто, чтобы показать, как пользоваться сервисом, так что над содержанием особо не парюсь. И да, можно легко изменить цвет, расположение, размер шрифта и т.д.:

Конструктор баннеров для сайта bannerboo

И под конец добавим какую-нибудь картинку. Переходим в раздел загрузки и нажимаем загрузить картинку:

Конструктор баннеров для сайта bannerboo

Мой первый рекламный баннер, выполненный в этом онлайн конструкторе, готов. Осталось его сохранить и скопировать html код.

Если кнопка сохранить недоступна, проверьте в меню «Настройки» название баннера, без него дальше не пустит.

Нажимаем «Публиковать», «Скопировать HTML5 код». Выбираем «Тип баннера» (я делал статичную картинку, поэтому с анимированного меняю на него), как будет открываться рекламируемый нами ресурс (в новой вкладке или нет) и нужно ли его адаптировать под мобильные и планшеты. Закончив с настройками нажимаем скопировать код:

Конструктор баннеров для сайта bannerboo

Все, теперь его можно спокойно добавить на свой сайт. К слову, если вы хоть немного шарите в html и можете сами прописать код, то смело сохраняйте в jpeg или PNG.

Заключение

В этой статье мы создали самый простой статичный рекламный баннер для сайта, но, данный конструктор поддерживает и создание анимированных, поэтому, если покопаетесь, сможете сделать и их. Конечно, если вас интересует полный функционал возможностей, придется выкладывать деньги за подписку, но, для новичков должно хватить и стартового набора.

В следующих статьях я планирую рассказать про еще один похожий ресурс и попутно объясню, как из простой картинки сделать полноценную рекламу и добавить ее на свой сайт WordPress, так что не пропустите.

Всем удачи и до встречи в новых статьях!

ПОДПИШИТЕСЬ НА НОВОСТИ БЛОГА!

Понравилась статья? Поделиться с друзьями:
Блог Максима Ляшенко
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:
Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности.