Баннеры

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

Рассмотрим три вопроса:

 

  • Где взять изображение для баннеров.

  • HTML-код баннеров.

  • Как вставить баннер на сайт или блог.

Где взять изображение для баннеров?

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

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

  •      Можно сделать скриншот экрана и затем отредактировать его в стандартной программе Paint net

  •      Так же можно воспользоваться программой FSCAPTURE и вырезать необходимую часть картинки с экрана компьютера

HTML-код баннеров

     Для создания баннеров, я пользуюсь своей заготовкой:

Это код самого баннера:

<center><nofollow><noindex><a href="адрес сайта" target=_blank><img src="адрес картинки" border="0" title="Надпись при наведении" width=ширина height=высота></a></noindex></nofollow></center>

 

     А это код окошка из которого, каждый желающий может скопировать код Вашего баннера и разместить на своем сайте или блоге.

 

<center><nofollow><noindex><input type= 'text' size= '15' value= 'окошко'></noindex></nofollow></center>

 

Рассмотрим подробно действие каждого тега

 

(тег- HTML-код, заключенный в острые скобочки <>)

 

Четыре парных тега:

<center></center> - картинка будет располагаться по центру

<nofollow></nofollow> - ссылка будет закрыта для поисковика Гугл

<noindex></noindex> - ссылка будет закрыта для поисковика Яндекс

<a href="адрес сайта"></a> - тег адреса ссылки

 

     Расшифровку HTML-тегов Вы можете подробно изучить в справочнике по HTML и в Таблице основных тегов HTML

 

Теперь рассмотрим «внутренности» кода нашего баннера:

target=_blank – страница ссылки откроется в новой вкладке

<img src="адрес картинки" – прямая ссылка на картинку

border="0" – картинка в окантовке (изменив цифру 0, поменяется ширина рамки)

title="Надпись при наведении" – при наведении на картинку рядом с курсором будет появляться надпись, которую Вы вставите в кавычки.

width=ширина – ширина картинки в пикселях (вместо слова ширина вставьте цифру)

height=высота – высота картинки в пикселях (вместо слова высота вставьте цифру)

</a> - закрывающий тег кода

<input type= 'text' size= '15' value= 'окошко'> - это HTML-код окошка, из которого, каждый желающий может скопировать код Вашего баннера и разместить на своем сайте или блоге.

Вместо слова «окошко» нужно вставить весь код баннера.

size= '15' – размер окошка, изменив цифру 15, Вы поменяете размер окошка.

 

Если у Вас нет времени и желания разбираться в HTML-кодах, можно автоматически сформировать  код баннера – Здесь.

 

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

Посмотрите видео уроки:

1. Как вставить баннер на сайт

 

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

2. Как вставить баннер на блог Mail.ru

 

 

 

У Вас возникли вопросы? Свяжитесь со мной сейчас!

Загрузи Skype и звони мне бесплатно.

 

 

Мониторинг обменников BestChange
На сайте представлено больше 100 обменников, курсы на которых обновляются каждые 5-8 секунд. Хотите выбрать самый-самый? Проще простого! На главной странице всегда представлены лучшие курсы обмена по 20-ти популярным направлениям.
Заходите, убедитесь сами — bestchange

 

 

 

admin Татьяна Жмуренко (Егорова)

Посмотреть комментарии

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

    Действительно, Татьяна обладает громадным жизненным опытом. Придётся учиться у неё заработку в интернет. Чувствую, она правильно делает. Надо же с чего то же начинать. Пойду запишусь на рассылку.

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

  • Татьяна, использовал ваш код баннера. Картинка на сайте появляется, но она не активная.

    • Анатолий, чтобы картинка была активная, Вам нужно в код баннера вместо слов "адрес сайта" вставить ту ссылку, куда будет переход при клике по картинке баннера.

  • Мне так нужен был такой полезный Сайт как Ваш ! Спасибо за всё !

  • Здравствуйте! Очень полезная статья. Но не могу понять одной вещи. На сайте есть реферальная программа. Что и где, нужно прописать, что бы в коде баннера формировался индивидуальный код для каждого партнера?

    • Владислав, обычно, если на сайте есть партнерская программа, Ваша реферальная ссылка автоматически генерируется в коде баннера. Если это не так, то первая ссылка которая расположена в коде баннера обычно ссылка ведущая на этот сайт. Поищите на странице партнерской программы Вашу реферальную ссылку, скопируйте её и вставьте в код баннера.
      Если я не правильно поняла Ваш вопрос и мой ответ Вас не удовлетворил, свяжитесь со мной по skype: kapkywa631, думаю смогу Вам помочь.

  • Спасибо за эту информацию по баннерам. У меня следующий вопрос. Как увеличить время экспозиции текста, выводимого при наведении курсора? Движок DLE.

    • Это время ни как не регулируется. Это вообще не предусмотрено. Да и не понятно что у вас за проблема?
      У меня например пока курсор находиться в области баннера титл всегда показывается.

    • Даниил, спасибо за комментарий, но к сожалению я не знаю ответа на Ваш вопрос.

  • Здравствуйте! Небольшой вопросик, если Вас не затруднит. Почему, когда устанавливаю баннер не вырисовывается картинка. Баннер работает.

    • Здравствуйте, Игорь! Проверьте ссылочку на картинку, скорее всего, что то с хостингом картинок, которым Вы пользуетесь. Давайте свяжемся по скайпу и посмотрим вместе, иначе я могу только предполагать. Свои картинки для баннеров я обычно размещаю на своих сайтах, считаю Таймвеб очень надёжным хостингом, но если у Вас нет своего сайта (своего хранилища), то можно найти множество других, Радикал например, но на таких сайтах бывают сбои и т.п. Давайте свяжемся по скайпу: kapkywa631 и поговорим об этом.

  • Интересная статья. Вас всегда приятно почитать!:) Успехов!

  • А я читала, что картинку для банера лучше иметь формата 80Х31 Так что сначала стоит готовую или сжать до этих размеров, или поискать такую в интернете.

    • Картинку лучше поискать, ту которая Вам очень понравится, а потом уже или обрезать или уменьшить в фотошопе или в других графических редакторах. Наиболее распространенные форматы баннеров, Вы можете посмотреть здесь - https://yanevrufoto.ru/banneryi/formatyi-bannerov

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

    • Или напишите мне на почту kapkywa63@mail.ru я сделаю Вам баннер (баннеры я делаю бесплатно, но с условием, что Вы разместите мой баннер на своём сайте) -

    • Владимир, если у Вас есть свой сайт, то загружайте её на сайт и в окошке загрузки будет адрес картинки, если сайта нет то посмотрите урок, как сформировать адрес Вашей фотографии на сайте Радикал - https://yanevrufoto.ru/photoshop-lesson/kak-sdelat-banner-onlayn, про сайт Радикал смотрите начиная с 14:28 минуты видео

  • Очень нужная для меня инфа. Опубликовал в Контакте.
    Спасибо!

    • Спасибо Сергей, за посещение и пиар сайта! Удачи Вам во всех начинаниях!

Поделиться
Опубликовано
admin Татьяна Жмуренко (Егорова)

Недавние Посты

Что такое майнинг

  Что такое майнинг      Что такое майнинг? – такой запрос встречается в Яндексе…

6 лет тому назад

Майнинг на электроэнергию

  Майнинг на электроэнергию солнечных электростанций.        Компания SunMoney Solar Group произвела запуск  Майнинг…

6 лет тому назад

Инвестиции в солнечную энергетику

  Инвестиции в солнечную энергетику Каждый из нас когда-нибудь задумывается, куда надежно вложить деньги, так,…

6 лет тому назад

Тренинг

Тренинг        Тренинг это - метод активного обучения, направленный на развитие знаний, умений,…

12 лет тому назад

Компании сетевого маркетинга

Компании сетевого маркетинга   Компании сетевого маркетинга или, как говориться - каждому своё!    …

12 лет тому назад

Установка wordpress

Установка wordpress        Одной из удобных, бесплатных систем управления содержимым сайта (CMS), другими…

12 лет тому назад