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

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

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

otkrytie_ssylki_v_novom_okne_открытие_ссылки_в_новом_окне

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

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

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

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

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

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 способов заработка в Интернете (где я использую картинку для рекламы партнерского продукта — книги и ставлю в статью ее обложку)
ПОЛЕЗНЫЙ НАВЫК:
Как уменьшить вес фотографии

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

Поделись своим мнением, нам не без разницы, что ты думаешь!
Мета теги:,

35 комментариев

  1. Владимир Марник
    • Руслан
      • Руслан
      • НеоБлоггер
        • Руслан
  2. Руслан
    • НеоБлоггер
  3. Irina
    • НеоБлоггер
  4. Валентина
  5. НеоБлоггер
  6. Валентина
    • НеоБлоггер
  7. Валентина
  8. НеоБлоггер
  9. НеоБлоггер
  10. Валентина
  11. НеоБлоггер
  12. Елена
    • НеоБлоггер
    • НеоБлоггер
  13. marinavarvashenia
    • Александр Хрипунов
  14. Галина
    • Александр Хрипунов
  15. екатерина
  16. Александр Хрипунов
  17. Ale_xxx
    • Александр Хрипунов
  18. Александра
  19. Олег
    • Александр
  20. Олег
  21. Алена
    • Александр

Оставить комментарий

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