«

»

Май 22

Баннеры

Баннеры

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

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

 

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

  • 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

 

 

 

Добавить комментарий для Владислав Отменить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.