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

Маленький-короткий и, надеюсь, полезный пост о том, как сделать баннер и чтобы ссылка в нем открывалась в новом окне. Применил сегодня и записываю в блог по горячим следам, чтобы всегда было под рукой.

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

По умолчанию большинство рекламных и партнерских баннеров открывается на той же странице, и посетители уходят, не оглядываясь. Один маленький кусочек html кода, внесенный в код баннера, и все исправлено.
otkrytie_ssylki_v_novom_okne_открытие_ссылки_в_новом_окне
Из этой статьи Вы узнаете как сделать так, чтобы ссылка на сайт в баннере открывалась в новом окне браузера, а так же, как сделать баннер.

Как сделать чтобы баннер открывался в новом окне

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

Если баннер уже расположен в сайдбаре вашего блога, заходим в админпанель сайта: КОНСОЛЬ — ВНЕШНИЙ ВИД — ВИДЖЕТЫ.

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

otkryt_ssylku_v_novom_okne_открыть_ссылку_в_новом_окне

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

target="_blank"

Команда означает — «открывать в новом окне».

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

В конце не забудьте нажать на кнопку СОХРАНИТЬ в виджете, после чего его можно закрыть и перейти на сайт, чтобы проверить результат.

P.S.  Если вы впервые ставите код баннера в виджет сайта, то впишите сразу эту строчку в код (я делаю это вручную, но можно скопировать) — потом на эти мелочи вечно не хватает времени.

Как сделать открытие ссылки в новом окне

Тоже самое применимо к обычным ссылкам. Чтобы сделать открытие ссылки в новом окне достаточно подставить target=»_blank»  в тоже место куда в случае с баннером, т.е. получается примерно вот такая комбинация —

<a href=»http://opartnerke.ru/» target=»_blank»>анкор ссылки</a>

Если Ваш сайт на системе управления(CMS) WordPress, то задача упрощается. Выделив слово или словосочетание в которое желаете вставить ссылку нажмите на панели управления значок ссылки:otkrytie_ssylki_v_novom_okne_открытие_ссылки_в_новом_окне

Затем, когда откроется окно, поставьте галочку (чекбокс) «открыть в новом окне», как показано на скриншоте:

otkryt_ssylku_v_novom_okne_открыть_ссылку_в_новом_окне

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

ПОЛЕЗНАЯ ПРОГРАММА для блоггера: Бесплатный видео урок от Владимира Беляева, у которого я учусь на бесплатном курсе: «Как сделать баннер». Там 3-минутное видео и архив очень полезной и простой программки, с помощью которой можно делать свои баннеры. Что бывает нужно для создания собственных интеллектуальных продуктов, если они у вас уже есть (книги, курсы, обучающие уроки) или для работы с партнерскими программами, у которых нет своего рекламного баннера. У меня получился вот такой баннер, сделанный в этой программе:

kak_uznat_kod_html_как _узнать_код_html

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

В следующей статье расскажу о том, Как сделать картинку ссылкой — то есть так, чтобы созданный вами баннер открывался на той странице, на которую вы его перенаправите. Как это реализуется, можно посмотреть в баннерах правого сайдбара моего сайта или в статье 17 способов заработка в Интернете (где я использую картинку для рекламы партнерского продукта — книги и ставлю в статью ее обложку)
ПОЛЕЗНЫЙ НАВЫК:
Как уменьшить вес фотографии

Как красиво оформить фотографии для блога

  • 18.11.2012

99 970 просмотров

Оцените статью
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (6 оценок, среднее: 3,67 из 5)
blank Загрузка...