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


Оглавление (нажмите, чтобы открыть):

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

Баннер является небольшой анимированной картинкой, причем изображения на сайте меняются по очереди. Зачастую баннер содержит 3-4 изображения, и каждое демонстрируется всего несколько секунд. Как сделать баннер для сайта, который бы привлекал максимум внимания посетителей? Ведь это имеет прямое влияние на заработок, который будет приносить сайт.

Приступаем к созданию баннера своего сайта

Наверное, всем приходилось видеть красивые флеш-сайты с размещенными там рекламными баннерами, на которые так и хочется нажать. И вы видите, что этот рекламный блок может содержать любую информацию, лишь бы она туда поместилась. Баннер отображает суть сайта, однако это совсем необязательно. На некоторых из них содержится и название сайта. Если вы подобрали нужные картинки, составили подходящий текст, то теперь будет нужна специальная программа, которая позволяет создавать анимационные спецэффекты. Можете использовать Bannershop GIF Animator. Однако существует много других программ, к примеру, Ulead Gif Animator, Banner Maker Pro, Banner Designer Pro, Easy GIF Animator и др.

Размещаем элементы

Процесс создания баннера творческий, вы должны будете найти оптимальное размещение элементов, создавать что-то оригинальное, выделяющееся на фоне других рекламных плакатов. Творение должно привлекать внимание, побуждать посетителя нажать на него и перейти по ссылке. Для ознакомления рекомендуется посмотреть примеры, как сделать баннер для сайта.

Используем Photoshop

Пишем тег

Чтобы рекламу увидели и обратили на нее внимание, она должна быть правильно размещена. Поэтому пришло время поговорить о том, как добавить баннер на сайт. Вам нужно составить тег, где задать все нужные описания, параметры и ссылки. Пример тегов можно найти. Никто из посетителей не увидит кода тегов. Для них откроется созданный вами баннер, к которому с помощью кода привязать ваш сайт. Чтобы ваш баннер функционировал, нужно загрузить его на сайт и запомнить к нему путь, который должен быть указан в теге. С заполнением параметров не должно возникнуть особых проблем. Здесь все просто и понятно. Задаем нужные пути, описания, ширину (width), высоту (height) и рамку (border) вокруг баннера.

Где ставить картинки?

Перед тем как сделать баннер для сайта, подумайте, где он будет установлен. Место размещения повлияет в дальнейшем на дизайн рекламы. Вам нужно знать, как размещать баннер, вертикально или горизонтально, какие размеры задавать. Не стоит создавать очень большой баннер. Иногда реклама совсем небольшая привлекает особое внимание.

Обмен баннерами

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

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

Рано или поздно каждый начинающий веб дизайнер или владелец сайта приходит к мысли о том что ему необходима качественная и красивая реклама сайта. Для этого существует немало возможностей и инструментов. Но пожалуй самым традиционным и действенным способом такой рекламы (раскрутки) сайта является – баннерная реклама. Но здесь возникает вопрос, а как сделать баннер для сайта самостоятельно, так как на начальном этапе бюджет сайта сильно ограничен, и поэтому не каждый владелец готов заплатить фрилансерам за изготовление баннера. Оказывается, сделать баннер для сайта не такое уж и сложное дело и очень близкое по технологии с таким процессом как сделать шапку для сайта, при этом мы ведем речь о статичном баннере.

Итак, приступим, как сделать баннер для сайта. Для этого нам понадобится программа «Фотошоп», причем нет необходимости гнаться за самыми современными версиями, для нашей цели вполне подойдет и фотошоп 6-й версии. Кстати кто не знает, как сделать фоновое изображение для сайта, а так же шапку для вашего сайта может так же воспользоваться данной программой для этих целей.

Для того, что бы ответить на вопрос как сделать баннер для сайта, необходимо открыв программу создать наш баннер точнее его основу. При этом следует помнить, что стандартные баннеры имеют несколько типоразмеров. Как правило, на сайтах применяются баннеры 468х60, 120х120, 100х100, а так же 88х31. Рассмотрим вариант изготовления баннера с размером 468х60.

После того как открыли программу нажимаем вкладку «файл» — «новый». После в открывшемся окне прописываем размеры (высоту 60 и ширину 468) при этом обязательно убедитесь в том, что единицами измерения являются пиксели. Разрешение ставим на значение 150 пикселей на дюйм, и выбираем прозрачный фон.

Далее необходимо на нашем баннере разместить картинку и текст. Но для начала зальем наш баннер нужным вам цветом. Для этого слева в панели инструментов выберите инструмент заливка, но перед этим обязательно выберете необходимый цвет (щелкаем левой кнопкой по верхнему квадратику цветности и в открывшейся палитре выбираем необходимый вам цвет). А вот теперь можно используя заливку закрасить фон баннера в выбранный цвет.

Теперь разместим картинку на баннере. Для этого сначала определитесь с картинкой, которую будете размещать. Желательно что бы она представляла не сложную фигуру и была если не логотипом, то максимально похожей на него (хотя многое зависит от задач которые стоят перед баннером). После того как картинку выбрали, кстати, она должна иметь расширение либо jpg либо gif, открываем ее в фотошопе. После этого подгоняем размер картинки под наш баннер. Для этого в основном меню выбираем вкладку «изображение»-«размер изображения». После чего в открывшемся окне необходимо задать высоту картинки в 60 пикселей при этом обязательно должна стоять галочка в поле «сохранять пропорции». Если же изображение имеет свой фон, то предварительно его необходимо вырезать и вставить в новое изображение с прозрачным фоном. После того как размер подогнали выбрав инструмент перемещение перетаскиваем изображение на наш баннер и размещаем там в необходимом нам месте.

Теперь нам необходим текст. Для этого выбрав инструмент «текст» вписываем необходимую нам фразу и размещаем простым перетаскиванием по картинке как нам необходимо. После этого остается выбрать в меню «сохранить для web» (сохранить как) и при сохранении выбрать формат изображения jpg.

Но многим баннера с текстом бывает мало желательно, что бы это был баннер ссылка. Как сделать ссылку для своего баннера и связать их. Для этого необходимо на сайте который разместит ваш баннер написать следующий код (это можно сделать и в html редакторе типа дримвевер) . для того чтобы определить » URL БАННЕРА » необходимо знать как добавить баннер на сайт и куда.

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

Как бесплатно сделать баннер для сайта или логотип онлайн

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

Можно ли сделать баннер самостоятельно?

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

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

Стоит отметить, что не все подобные сервисы предлагают бесплатно воспользоваться их услугами. Поэтому перед началом работы внимательно прочитайте правила работы на выбранном вами ресурсе. Также учтите, что в сети есть сервисы, «не понимающие» русский язык, при их применении придется использовать английский.

Основные принципы работы сервисов для создания баннеров для сайта

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

  1. Готовые шаблоны баннеров для сайтов.
  2. Готовые элементы графики, например, иконки, кнопки или логотипы.
  3. Анимационные эффекты для гиф изображений.
  4. Возможность загрузить собственную, имеющуюся в вашем распоряжении графику.
  5. Возможность сохранить недоделанный или готовый баннер и внести в него изменения при необходимости.

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

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

Популярные бесплатные сервисы

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

  1. Logaster.ru — удобный русскоязычный сервис. С его помощью можно создать онлайн не только логотип компании или баннерную картинку, но еще и корпоративный конверт, визитки. Сервис по отзывам пользователей прост в использовании. На нем есть подробная инструкция и подсказки, помогающие работать с инструментами ресурса. Там вы также найдете довольно много различных шаблонов.
  2. Flamingtext — славится большим количеством различных эффектов, при помощи которых можно создавать разнообразные баннерные картинки и логотипы. Отзывы пользователей свидетельствуют, что при использовании данного ресурса приходиться потратить несколько большее время, но именно он позволяет создавать довольно необычные и оригинальные работы.
  3. Logoease — позволяет сохранять готовые работы в различных форматах. Это довольно удобно для тех, кому придется, например, пересылать вариант созданного логотипа своим партнерам или клиентам. Пользователи утверждают, что ресурс прост в использовании и позволяет создать баннерную картинку в максимально короткие сроки.
  4. The PCman Website — позволяет создавать работы в формате 3-D. Наличие такого логотипа или баннерной картинки значительно увеличивает вероятность того, что потенциальный клиент заметить ваше предложение или рекламу. Для создания работы в формате 3-D придется затратить немного большее время, но результат окажется более впечатляющим. Этот сервис также дает пользователю выбор — работать онлайн или же скачать программу по созданию баннерных картинок и логотипов на свой персональный компьютер.
  5. FreeLogoServisces — предлагает пользователям воспользоваться множеством бесплатных шаблонов. Используя этот ресурс, вы без проблем найдете нужный вам вариант и сможете сделать за короткий срок отличный логотип или баннерную картинку.

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

Видео

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

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

Здравствуйте, уважаемые читатели блога Goldbusinessnet.com. В одной из своих публикаций я достаточно подробно писал о том, что представляют из себя баннеры как в реальной жизни, так и в интернете, а также об их видах и спектре их использования. Особенно часто они применяются в рекламной деятельности, а в глобальной паутине являются одним из средств для реализации того или иного вида рекламы (контекстной, баннерной, тизерной) при размещении их на сайте.

Мастер Йода рекомендует:  Изучение HTML с нуля

В сети есть немало бесплатных онлайн-конструкторов, которые помогают создавать обычные статические баннеры. Но мне хотелось бы обратить ваше внимание на веб-ресурсы, позволяющие творить анимационные изделия в самом передовом формате, коим является HTML5.

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

Кому предназначен конструктор BannerBoo

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

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

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

Но вернемся непосредственно к нашей теме. После тестирования онлайн-ресурсов по созданию анимационных баннеров более остальных мне приглянулся тот самый BannerBoo, возможности которого я и постараюсь поподробнее описать. Он имеет довольно обширный функционал, а также русскоязычный интерфейс, который вполне удобен и интуитивно понятен.

Единственное, на бесплатном тарифе (на котором число созданных баннеров ограничивается 10-ю), вы имеете возможность свободно скачать на компьютер создаваемые творения только в форматах PNG, JPG и HTML5 (с анимационным эффектом, что важно). Однако, последний вариант при этом будет содержать значок копирайта BannerBoo и вшитую ссылку, ведущую на этот сайт.

Но можно и купить недорого созданный с нуля или на основе готового шаблона HTML5-банер (всего за $2.99). Согласитесь, что это совсем небольшая цена за продукт, изготовленный по современной технологии. При всем при этом вы получаете доступ к расширенному функционалу конструктора, а также избавляетесь от присутствия ссылки на BannerBoo в конечном изделии.

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

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

Конечно, для начинающих даже эти три доллара могут оказаться неподъемными, но в любом случае у вас имеется возможность хотя бы протестировать данный сервис, а уж потом делать свой вывод о целесообразности его использования (да, купить созданный с помощью конструктора анимированный ХТМЛ5 без ссылки на сервис вы сможете в любое время).

Главный вывод, который можно сделать на основании исследования Bannerboo состоит в том, что по уровню функционала даже для бесплатного тарифа, а также в по соотношению «цена-качество» он подходит большинству пользователей, поскольку за весьма незначительную плату здесь можно сделать весьма качественный баннер, который вполне подойдет для рекламы.

Как сделать баннер онлайн в BannerBoo

Чтобы начать использовать ресурс, следует на нем зарегистрироваться (это поможет использовать функционал по максимуму) на главной странице BannerBoo, нажав там на кнопку «Вход», а затем на соответствующую ссылку. В появившейся форме укажите свой адрес электронной почты и сложный пароль, после чего для подтверждения перейдите по специальной ссылке из письма, пришедшего на указанный при регистрации емайл.

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

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

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

Но подробнее я остановлюсь на создании красивого аниме-баннера с нуля, тем более, что последующее описание функционала редактора (конструктора) будет полезно и всем тем, кто пожелает изменить выбранный шаблон. Для того, чтобы приступить к изготовлению своего шедевра, нужно нажать на кнопку «Сделать баннер», находящуюся в той же левой панели. В итоге откроется окно, где вы сможете выбрать любые стандартные размеры либо указать свои:

После щелчка по кнопке «Поехали!» появится сам редактор, в котором будет находиться макет соответствующих размеров. Сначала желательно заполнить фон для баннера и при желании сотворить рамку для стартового этапа оформления. С этой целью требуется нажать на шестеренку и воспользоваться уже готовыми цветами либо палитрой для тонкой настройки оттенков:

На этом же этапе можно сразу прописать название для баннера (чтобы его впоследствии было легче идентифицировать в ряду других) и указать ссылку на целевую страницу:

Вкладка «Текст» предназначена для наполнения пространства создаваемого банера текстовым содержанием. Для этого из левой части интерфейса выбираете текстовые шаблоны (просто щелкнув по ним мышкой) с размерами и цветом шрифта по умолчанию:

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

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


Вкладка «Объекты» разделена на подгруппы: «Кнопки», «Фигуры», «Линии», «Диаграммы», «Иконки», «Анимация». В них «живут» самые разнообразные картинки, которые также можно приобщить к разрабатываемому изделию простым щелчком мышкой:

По мере наполнения основы картинками и текстом внизу на временной шкале будут появляться соответствующие блоки анимации, включающие по умолчанию три части (появление, основной период и скрытие). Каждую из этих составных частей, а также весь блок полностью, можно растягивать и сужать мышкой, настраивая таким образом их продолжительность (протестировать анимацию можно с помощью кнопки «Просмотр»):

Для каждой из этих областей есть собственный набор различных анимационных эффектов. Их названия даны на английском языке, но при наведении курсора мышки на тот или иной символ он имитирует соответствующее действие (вы можете поэкспериментировать с любым из них, каждый раз проигрывая цикл путем нажатия на упомянутую только что кнопку «Просмотр»):

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

Для сохранения вашего творения справа вверху есть одноименная кнопка, а также кнопочка «Публиковать», после щелчка по которой появятся форматы, в которых можно скачать готовый баннер (для бесплатного пользования даны варианты на желтом фоне, среди них и HTML5):

Даже если вы сделали баннер с элементами анимации, все равно есть возможность выбора формата. Как я уже сказал, статичные банеры (с картинками PNG и JPG) сразу можно скачивать и спокойно использовать. А вот ежели вы решите скопировать код для HTML5 с анимацией, то, напомню, в него будет встроена ссылка на BannerBoo (можете посмотреть пример сотворенного мною банера такого типа).

Впрочем, в вашей папке в любом случае баннер останется, и при желании вы всегда сможете его отредактировать, посмотреть, как выглядит, а также купить:

Для тех, кому сервис пришелся по душе и кто планирует приобрести один из платных тарифов, есть приятное сообщение. Если вы зарегистрировались на BannerBoo по ссылке с этого блога, то для вас есть специальный купон со скидкой -10%. Чтобы активировать эту возможность, в процессе покупки требуется ввести название купона GOLD-10 в соответствующее поле:

После этого жмете кнопку «Apply». Это действие активирует скидку, которая уменьшит цену на заданную величину, после чего можно перейти к оплате, задействовав кнопочку «Купить»:

Как можно заработать на этом сервисе

В конце еще несколько слов, как и обещал, о возможности заработать на этом сервисе. Дело в том, что здесь работает партнерская программа BannerBoo, с помощью которой вы сможете набрать рефералов и получать 30% с суммы, которую они потратили на услуги сервиса, а также 5% с платежей каждого приглашенного вами партнера. Удачи!

Онлайн конструктор баннеров для сайта crello: как сделать рекламный баннер онлайн

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

Регистрация

Регистрация в этом онлайн конструкторе баннерной рекламы крайне проста и занимается буквально пару секунд. Чтобы к ней приступить необходимо перейдите на официальный сайт и нажать «Регистрация»:

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

Создание рекламного баннера для сайта

Для начала поменяйте язык на русский:

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

Ну а теперь приступим непосредственно к созданию баннера для сайта. Из меня дизайнер не очень, поэтому просьба не кидаться помидорами. Да и цель статьи – показать, как работать в онлайн конструкторе crello. Итак, переходим в раздел «Фоны» (тут их навалом, правда все фото и узоры платные. Но, один плюс все же есть – можно загрузить свои заранее подготовленные исходники) и выбираем «Цвета»:

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

Теперь переходим на вкладку «Тексты». Шаблонов разных картинок с текстом тут очень много, есть даже халявные. Ну, а я опять иду по простому пути и выбираю банально «Добавить заголовок» (текст можно редактировать так, как вашей душе угодно: цвет, шрифт, расположение, угол наклона и т.д.):

И напоследок добавим какую-нибудь картинку. Для этого заходим в «Мои файлы», нажимаем «Загрузить изображение» и выбираем заранее подготовленные исходники(вариантов кастомизации загруженных изображений достаточно: эффекты, слои, яркость, контрастность. Короче говоря здесь есть все, что только может понадобиться при создании красочного баннера). У меня таковых нет, поэтому я остановился на котэ:

На этом с созданием баннера мы закончили. Как видите, это очень просто, главное заранее продумать дизайн и подготовить необходимые изображения и шаблоны. А теперь давайте сохраним получившееся рекламное изображение себе на компьютер. Для этого в верхнем правом углу экрана нажимаем «Скачать»:

И выбираем какой именно формат файла нам нужен (скачивание начнется автоматически после щелчка по нужному типу файла):

Если вы закончили с созданием и вас волнует вопрос последующего размещения баннера на сайте, можете прочитать об этом в моей статье – Как установить рекламный баннер на сайт WordPress: пошаговая инструкция для новичков

Заключение

Как видите онлайн конструктор баннеров для сайта crello довольно прост в использовании. Конечно, часть функций недоступна без дополнительных вложений, но, чтобы создать пару простых статичных баннеров начального функционала должно хватить с избытком. И еще, по моим скромным прикидкам в конструкторе баннерной рекламы BannerBoo халявных функций будет побольше. НО! Он предназначен исключительно для создания рекламы, а вот в crello можно сделать обложки для соц. сетей, фоны, изображения для электронных писем и прочую полезную графику необходимую для создания, продвижения и монетизации своего сайта. Эдакий узкоспециализированный фотошоп. Исходя из всего вышеперечисленного, советую изучить и опробовать оба конструктора и тогда уже определиться, на каком остановиться.

Мастер Йода рекомендует:  15 JavaScript-библиотек для анимации SVG Javascript

А я на этом прощаюсь с вами, удачи и до новых встреч в других статьях!

Cделай баннер для сайта самостоятельно

Здравствуйте мои дорогие подписчики и гости! Вы хотите притягивать внимание интернет-пользователей к своему веб-продукту, но не знаете с чего начать? Мне кажется, я могу помочь вам, именно поэтому я создала обзор о том, как сделать баннер для сайта. Обучившись этому мастерству, вы сможете начать зарабатывать и дарить людям радость. Готовы? Тогда я начинаю.

Баннер – что это?

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

Что включает в себя правильно составленный баннер? Во-первых, выгодное предложение, способное заинтересовать определенную категорию лиц, во-вторых, название о компании. Зачем это нужно? Если такой рекламный ход не сработает, то о вас уже будут знать, а это одна из главных задач продвижения. Понятно?

На данный момент существует несколько видов баннеров:

  1. Статическая картинка, имеющая определенную цель.
  2. Динамичный или анимационный вариант (привлекает внимание анимацией и позволяет сокрыть в него больший объем информации).

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

Какой из них выбрать? Дело ваше. Подумайте о потребностях (ответьте на вопрос: «Зачем нужен баннер?») и тогда вы примите правильное решение.

Способы создания баннеров

На сегодняшний момент вы можете получить баннер, вот какими путями:

  1. Обратиться в специализированное агентство. Выбрав этот способ, вам придется заранее подготовиться, а именно набросать макет будущего продукта и подготовить деньги. Сколько стоит эта процедура? Ответ на этот вопрос будет зависеть от ваших потребностей (наличие анимации, размер баннера и т.д.).
  2. Найти фрилансеров, готовых осуществить вашу мечту. Почему я выделила этот путь в отдельный, ведь он частично совпадает с первым? Все дело в том, что размер затрат в этом случае может быть меньше. Я думаю, что многие из вас хотят экономить на цене, получая при этом отменное качество. Я права?

Спешу поделиться с вами местами, которые я использую: биржа фриланса fl.ru (здесь, конечно, дороговато, но зато качество всегда на высоте. Видимо, фрилы проходят тщательный отбор), Weblancer (соотношение цены и качества наравне. Есть профи, но попадаются и лошарики на воздушном шарике. Всегда смотрите портфолио и отзывы). Ну, а самые дешевые исполнители находятся на ВоркЗилле (можно торговаться на счет цены. Качественно давайте задание. Проверяйте работу еще до оплаты). В общем, пользуйтесь на здоровье!

  1. Выполнить работу самостоятельно. Если вы не готовы тратить свои финансы, то продолжайте внимательно читать обзор, ведь сейчас я раскрою тайны волшебников-творцов.

Сделать баннер самостоятельно просто как никогда

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

  1. Ставите пред собой цель и подбираете для нее материал (картинку, отражающую суть). Если вы нашли несколько, то это даже лучше, ведь на выходе получится уникальный продукт.
  2. Открываете фотошоп (если его нет, то придется установить на рабочее устройство). Все изменения проще производить в такой программе.
  3. Вставляете в программу заранее подготовленные материалы и начинаете их преображение, используя имеющиеся функции (вырезать, вставить, копировать и т.д.).
  4. Добавляете нужные надписи (название компании) и сохраняете результат в формате jpg.

Советую, при работе с фотошопом увеличивать размер баннера в 10 раз. Зачем? Так вам будет проще заметить мелкие недочеты (стыки фрагментов, непрокрашенных элементов и т.д.), чтобы получить качественный продукт.

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

Здесь придется чуть дольше потрудиться. Вот вам пошаговое руководство:

  1. Подобратькрасивый материал (картинки, фотографии).
  2. Открыть редактор (я рассматриваю фотошоп). При необходимости скачивайте его с проверенных ресурсов, чтобы обезопасить свой компьютер от вирусов.
  3. Выбрать нужный вам размер баннера. Вспомните мой совет о размерах.
  4. Создать несколько слоев, используя функции «Новый», «Файл» и «Дубликат».
  5. Загрузить в них свои картинки, произвести их корректировку (что-то обрезать, что-то добавить). При желании можно изменить фон, добавить надписи и т.д. Делайте все то, что вашей душе угодно.

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

  1. Когда все изменения завершены и вы остались довольны результатом, нужно кликнуть по клавише «Окно» и выбрать «Добавить анимацию».
  2. Осталось создать копии выделенных фрагментов (для этого есть специальная функция) и кликнуть по клавише «глаз», чтобы просмотреть свои работы.
  3. Не забудьте выставить время смены полученных картинок (например, 0,1 с) и сохранить результат.

Ваш динамичный банер готов. Только вот не торопитесь загружать его на сайт, а произведите контрольный просмотр на плеере. Это поможет вам оценить свой результат, заметить малейшие недочеты. Помните, их лучше устранить заранее. Почему? Потому что ваш продукт – лицо компании. Поставите себя на место интернет-пользователя и ответьте на вопрос: «А вы бы воспользовались предложением фирмы, которая выглядит нелепо?» Мне кажется, что здесь все очевидно.

Если вам кажется, что кадры сменяют друг друга медленно, то попробуйте внести корректировки и создать промежуточные картинки. После всех проведенных настроек обязательно сохраняйте результат в формате gif. Где его найти? Подскажу:

  • кликаете на клавишу «меню»;
  • выбираете функцию «сохранение для веб —устройств» и нужный формат.

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

Мне кажется, что обзор получился полноценным и после ознакомления с ним, вы сможете производить такое простые вещи, как баннеры, самостоятельно. Помните: «Чтобы достичь чего-то самому, нужно учиться, развиваться и расти». Придерживайтесь такой мудрости и в ближайшее время начнете замечать колоссальные изменения вокруг вас.

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

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

Хотите расти вместе с нами? Присоединяйтесь к числу подписчиков.


С уважением, Елена Изотова.

Создать баннер бесплатно онлайн. Обзор доступных сервисов

Здравствуйте дорогие читатели сайта. Сегодня разберем несколько популярных онлайн сервисов для создания баннера для сайта. Постараемся выбрать оптимальный конструктор для работы, в котором будут совмещены бесплатные функции и русскоязычный интерфейс. Разберем их достоинства и недостатки. В следующих статьях речь пойдет о программах для создания баннеров, в которых вы убедитесь на примерах, что пользоваться онлайн-редакторами гораздо удобнее.

BannerBOO – онлайн-конструктор html5 баннеров

Этот онлайн редактор предлагает возможность создавать баннеры html5. Оформление главной страницы располагает пользователя к дружественному общению с сервисом. Она оформлена в виде landing page страницы. Все интуитивно понятно, что добавляет плюсов этому редактору.

Представлено два основных языка интерфейса: русский и английский. Можно просмотреть примеры готовых баннеров, нажав на кнопку «Галерея» или выбрать «Подробнее» , чтобы узнать о возможностях онлайн конструктора баннеров. Кроме этого, на стартовой странице можно ознакомиться с тарифными планами, выбрав меню «Цены» , создать баннер онлайн, прочитать блог компании, познакомиться с готовыми шаблонами html5-баннеров.

BannerBOO предлагает своим клиентам два тарифных плана:

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

Старт – 14,99 долларов. Ежемесячная абонплата снимает все ограничения, указанные выше и имеет ряд не оспоримых преимуществ перед бесплатным тарифом.

  • Плюс. Этот план находится в разработке. Он содержит еще большее количество возможностей для создания баннера онлайн.
  • Можете сами ниже сравнить возможности тарифов:

    Преимущества:

    1. Большой выбор готовых шаблонов на различную тематику и различных размеров
    2. Размещение баннера в облачном сервисе. Это дает доступ к своему баннеру из любой точки земного шара
    3. Адаптивность – основное отличие готового продукта этого сервиса от других онлайн-конструкторов
    4. Экспорт в формат PNG, возможность загружать свои картинки, выделяет BannerBoo среди конкурентов
    5. Дружелюбный русскоязычный интерфейс
    6. Простой встроенный редактор

    Минусы бесплатного создания онлайн html5 баннера в этом конструкторе:

    1. Разрешено делать не более 3 баннеров
    2. Ограничено место на облаке 100 Mb
    3. Водяной знак сервиса на готовом продукте
    4. Предлагаются только статические шаблоны для бесплатного тарифного плана

    BannerFans

    Banner Fans ( ) – этот редактор выделяется большой функциональностью и удобством создания баннера. На главной странице представлен макет, который будет изменяться при каждом внесении изменений в шаблон. Стартовая страница мрачная, но мы пришли сюда не любоваться ей. Изначально этот ресурс англоязычный, но со временем появилась поддержка многих языков. Выбор языка находится в верхнем правом углу (указан стрелкой на скрине внизу). Хочу сразу заметить, перевод отвратительный, складывается впечатление, что переводили Google переводчиком.

    Рассмотрим меню:

    1. Макет. Выбирается размер и фон. Можно загружать собственные изображения и устанавливать градиент цвета.
    2. Текст. Прописываем нужный нам текст. Есть возможность размещать до 6 строк текста. Настройка шрифта для каждой строки, цвет и наклон букв (0-90 градусов).
    3. Воздействие. Настройка тени букв, ее яркости, расстояния от символа.
    4. Пограничная. Установка рамки.
    5. Формат. В каком формате сохранять.

    Любое изменение в настройках можно посмотреть, нажав на кнопку «Изменить баннер» . Эти кнопки находятся внизу окна. Здесь можно сохранить его, получить код для вставки на сайт, скачать в виде файла. Хотите создать новый баннер, кнопка «Начать новый» и откроется новый макет.

    Недостатки:

    1. Отвратительный перевод на русский язык. Приходится догадываться, за что отвечает та или иная настройка.
    2. Не поддерживается русскоязычная раскладка. При написании текста на родном языке можно получить или пустую строку, или иероглифы
    3. Текст второй и последующих строк не помещается в шаблон, если указать размер, отличный от 728х90 пикселей
    4. После каждого внесения изменений нужно обязательно нажимать на кнопку «Изменить баннер» , чтобы увидеть их

    Достоинства:

    1. Бесплатность
    2. Поддержка многих языков

    Canva.com

    Canva ( ) – онлайн сервис для создания бесплатного баннера сайта. На главной странице предлагается выбрать тип:

    1. YouTube banners. Стиль для Ютуба
    2. Medium Rectangle. Средний прямоугольник
    3. Large Rectangle. Больной прямоугольник
    4. Facebook Banners. Баннеры для Фейсбук
    5. Email Headers. Предназначены для почтовой рассылки. Помещаются в шапку письма
    6. LeaderBoard. Плоский прямоугольник (растянутый).
    7. W >

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

    В левой части представлено меню:

    1. Макет. Предустановленные шаблоны
    2. Элементы. Здесь выбираем бесплатные фотки, сетки, рамки, фигуры, линии и т.д.
    3. Текст. Пишем заголовок. На выбор три типа разных размеров. Кроме этого можно выбрать оригинальный вид надписей из большого числа примеров
    4. Фон. Указать какой фон или выбрать структуру картинки.
    5. Мое. В этом разделе есть возможность загрузить свои фотографии, картинки

    В Canva можно сохранить созданный онлайн баннер в формате PNG, JPG, PDF, поделиться с друзьями для совместной работы над его дизайном. Нужно просто нажать кнопку «Поделиться» и выбрать способ, как вы хотите сообщить людям о своей работе: поделиться ссылкой, отправить по почте приглашение, рассказать в соцсетях о своем проекте. Получив приглашение или ссылку, пользователи могут принять участие в редактировании шаблона.

    Canva.com имеет и платные возможности. Для изменения размера макета нужно оформить подписку на месяц. Стоимость 12,95%. На год – дешевле. Заплатив, вы получаете определенные преимущества. Но и без них, можно создать баннер бесплатно онлайн, используя халявные функции конструктора.

    Достоинства:

    1. Большой функционал. Много бесплатных возможностей для полноценной работы
    2. Русскоязычный и интуитивно понятный интерфейс
    3. Совместная работа над дизайном проекта
    4. Как и в полноценном редакторе есть возможность отменить и вернуть изменения
    5. Расшаривание в соцсетях

    Недостатки:

    1. Есть платные функции (например, изменение размера), но они не влияют сильно на работу над дизайном.
    2. Чтобы получить тестовый период на 30 дней нужно оплатить участие в проекте на месяц.

    Bannerovich

    Bannerovich.ru ( ) – Это простой онлайн-конструктор. Его интерфейс напоминает выше описанный сервис. Но есть отличия. На главной странице он предлагает создать онлайн баннер для сайта в несколько кликов. Достаточно задать размер и нажать на кнопку «Создать…» . В чистый макет можно добавлять фон (загрузить свой или добавить из списка), картинку, кнопку, текст или анимацию. Минимальный набор, который может пригодиться.

    Но есть и расширенный интерфейс, с набором функций, как у Canva. Жмем на кнопку «Создать баннер» в верхнем меню, и переходим в редактор. Единственным минусом его – отсутствие готовых шаблонов и изображений, которые можно редактировать. Слева находится меню конструктора. Загружать свое изображение нужно сразу при переходе на эту страницу (система предложит вам это сделать), указать размер и начать творить.

    Сохранять можно в двух форматах: JPG, PNG. Указывается качество картинки, вводится название файла и «Сохранить» .

    Возможности сервиса:

    1. Два вида конструктора: для быстрого создания вывески и с расширенными функциями.
    2. Большой выбор готовых примеров. Это на тот случай, если фантазия уже закончилась.
    3. Есть форум, который поможет обсудить возникшие проблемы с другими участниками сервиса.
    4. Хороший FAQ. Выложены примеры создания баннеров. Это все упрощает процесс знакомства с функционалом сайта.
    5. Бесплатность

    Недостатки:

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

    Заключение

    Вы теперь можете выбрать подходящий сервис, чтобы создать баннер онлайн бесплатно. Наибольшими возможностями обладает онлайн-конструктор Canva. Он псевдо бесплатный, но его бесплатных функций вполне достаточно для рисования качественного баннера. Чтобы найти подходящий для себя, рекомендую попробовать каждый их них и сделать вывод.

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

    Как быстро создать баннер и выложить его на сайте

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

    Сегодня же я расскажу немного о другом методе баннерной рекламы. Речь пойдет не о контексте, но чем-то приближенной. Этот способ заработка элементарен до безобразия и более прибылен.

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

    Сервис для создания баннеров

    Онлайн сервис [urlspan]bannerovich[/urlspan] прекрасно подойдет для новичка. Он немного сложен, не в плане технологии, а процесса получения самого баннера в первый раз. Тем не менее результат, который вы получите в итоге очень даже неплох, а эта статья поможет разобраться со всеми нюансами.


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

    Ну что ж, давайте начнем.

    Первое, что вам нужно сделать, зайти на сайт [urlspan]Bannerovich[/urlspan] и перейти в конструктор баннеров. Будьте внимательны, не редактор, а именно конструктор.

    Теперь вводите название проекта. Задайте ширину и высоту баннера, можно при помощи ползунков над кнопкой «Создать баннер» или ввести цифры в по бокам визуального эскиза. Обратите внимание, что представлен он здесь не в полном размере, а всего лишь с сохранением пропорций. Мой результат будет в несколько раз больше.

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

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

    Изображения хранятся в одноименной категории и «Разное». Тут есть всякие картинки с подарками, векторными человечками, стрелками и так далее. Выбирайте и при помощи мыши перетаскивайте в нужное место. Я добавил человечка. Если вы передумали использовать какой-то элемент, щелкните по нему и в правом верхнем углу рисунка появится кнопка «Удалить».

    Теперь вы можете добавить кнопку. Нажмите на этот элемент, я расскажу более подробно о его функциях.

    С основными настройками думаю, что проблем не возникнет. Наверняка вы и сами разберетесь с тем, что такое верхний и нижний цвет, вкругление углов и текст. Я хочу поговорить про Open Link Tab. Так как сама кнопка не анимированная, сменяются только изображения в заданное время, то я рекомендую вам не ставить на нее линк, а использовать ссылку для всей картинки.

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

    Теперь можете добавить текст. Здесь тоже нет ничего сложного.

    Если вы хотите сделать баннер анимированным, то щелкните на «Добавить анимацию», полностью или частично поменяйте рисунок, а затем снова нажмите «Добавить анимацию». Появится еще один кадр. Вы можете добавлять множество кадров, они будут сменять один другой.

    Теперь вам нужно щелкнуть на «Получить баннер».

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

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

    Обратите внимание, что если у вас стоит блокировщик рекламы для этого сайта, вам придется его отключить, иначе вы не увидите свой проект. Выключите его, затем еще раз тыкните на «Мой кабинет».

    Чуть ниже появится вам проект и html код, который будет нужно добавить на сайт. Скопируйте его.

    Как добавить баннер на все страницы

    Откройте панель администратора WordPress и зайдите во вкладку «Внешний вид – Виджеты».

    Здесь вы увидите доступный виджет «Текст» переместите его в основную колонку, содержимого или область подвала. От этого зависит в боковой панели, нижней или основной расположится баннер. Попробуйте разные варианты.

    Кстати, куда именно вы поместите этот виджет, там он и расположится визуально. Если над «Поиском», как я, то картинка встанет над этой панелью. Если под «Рубрики», то… ну вы поняли.

    Вставьте скопированный текст в «Содержимое» и поменяйте информацию в кавычках после «a href» здесь должна быть ссылку, куда будет вести ваш баннер. Измените также текст в кавычках после title. Это добавит вашу подсказку. Сейчас она будет выглядеть, как «Баннер сделан на Баннерович».

    Вот так у меня получилось в итоге, после всех изменений.

    На всех страницах сайта теперь у меня появился этот рисунок.

    Добавляем баннер в записи

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

    Откройте вкладку «Текст» в правой верхней части поля ввода информации, вставьте html код, измените ссылку и заголовок. Если после этого вы снова откроете «Визуально», то увидите картинку. Ее можно окружить нужным вам текстом.

    Готово. Вот так мой баннер.

    Надеюсь, вам удалось все сделать самому и проблем при регистрации не возникло. Если что – оставляйте свои комментарии к этой статье. Будем разбираться вместе. Кстати, в моем блоге вы можете прочитать еще об одном способе создавать баннеры для сайта. Они будут чуть менее красивые, зато исключительно html.

    Кстати, создание баннеров – это уже хороший способ делать деньги. Могу предложить вам курс « Как заработать, создавая баннеры ». Это хобби может приносить от 30 000 рублей в месяц. Главное найти хорошего клиента и знать кое-какие нюансы, позволяющие увеличить количество кликов по картинке.

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

    Подписывайтесь на рассылку моего блога и совсем скоро я научу вас быстро и с пользой работать в фотошопе, дам 10 советов, которые помогут создавать проекты, продающие в два раза чаще и расскажу несколько секретов топовых дизайнеров.

    До новых встреч и удачи в ваших начинаниях.

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

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

    Нажав кнопку «Принять и продолжить», вы соглашаетесь с Политики конфиденциальности

    Мы запустили рейтинг зарплат интернет-маркетологов! Прими участие в анонимном опросе.

    How-to – Читать 7 минут – 31 мая 2020

    Качественные баннеры — это эффективный способ привлечь новых посетителей на сайт. Размещая баннеры в контекстно-медийной сети (КМС) Google Adwords, можно показывать объявления на более чем двух миллионах сайтов, видеороликов и приложений.

    С помощью размещения баннеров в КМС можно решать следующие задачи:

      информировать потенциальных клиентов об акциях и специальных предложениях компании;

    привлекать внимание целевой аудитории к новому бренду или продукту;

    увеличивать количество посетителей сайта;

    оказывать влияние на подсознание пользователей, даже если они не обратили внимания на размещенный баннер;

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

  • анализировать эффективность рекламы и степень интереса клиентов к определенным товарам и предложениям.
  • Как создать баннер для своего сайта

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

    Стандартные размеры баннеров в пикселях:
    88х31, 120х90, 120х60, 125х125, 160х120, 100х100, 170х100.

    Разрешенный формат файлов изображения для баннера: jpg, gif, png.

    После того как изображение для баннера будет готово зайдите в консоли сайта в раздел «Медиафайлы», загрузите изображение баннера. После загрузки, рядом с изображением нажмите кнопку «Изменить»:

    Если изображение уже было загружено на сайт, то выберите в меню консоли пункт «Медиафайлы» — «Библиотека», найдите в списке нужное изображение, наведите на него курсор мышки, в появившемся меню нажмите «Изменить»:

    На открывшейся странице в правой колонке будет поле «Ссылка на файл», скопируйте путь из этого поля:

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

    Шаблон кода баннера:

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

    Если вставить код на вкладке «Текст», то на сайте отобразится сам баннер. Чтобы посетители увидели код и смогли его скопировать вставьте этот код в режиме редактирования страницы/записи на вкладке «Визуально»:

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

    Также вы можете разместить код своего баннера в сайдбаре сайта с помощью виджета «Текст».

    Примерно так будет выглядеть баннер и код баннера на странице вашего сайта:

    Мастер Йода рекомендует:  В Чикаго напечатали на 3D-принтере мини-сердце из мышечных клеток настоящего сердца
    Добавить комментарий