Как сделать движущийся баннер сайта

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

Сделать баннер очень просто, дольше объяснять новичку, что и как.

Чтобы больше не рассказывать словами, пишу этот короткий пост. Итак:

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

Слыша слово «баннер», новички часто думают, что это что-то такое особенное и сложное.

Совсем нет, и в этом вы сейчас убедитесь.

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

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

Её мы и будем делать баннером.

1 как сделать движущийся баннер сайта. Создаем новую запись, черновик, можете для себя назвать её «баннер такой-то», чтобы потом не путаться.

как сделать движущийся баннер сайта

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

В данном примере ссылка с баннера ведет на статью о конкурсе на моем сайте «Моя Греция».

2 шаг.

После этого переходим из визуального режима редактора в html и копируем получившийся код.

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

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

Если вдруг размер баннера как сделать движущийся баннер сайта соответствует ширине вашего сайдбара, то размеры всегда можно подогнать прямо в коде. Посмотрите в коде, width=264 — это ширина моего баннера, height=198 — высота баннера.

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

Ещё вопрос — Куда должна вести ссылка с баннера?

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

Если у вас ещё остались вопросы о том, как сделать баннер для сайта из обычной картинки, пишите их в комментариях, обязательно отвечу!

Автор как сделать движущийся баннер сайта «Школа Успеха» Елена Метелева.

Источник: http://schkolauspeha.com/kak-sdelat-banner-dlya-sajta/