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

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

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. Владимир Марник 18.11.2012
    • Руслан 26.11.2012
      • Руслан 26.11.2012
      • НеоБлоггер 26.11.2012
        • Руслан 27.11.2012
  2. Руслан 26.11.2012
    • НеоБлоггер 26.11.2012
  3. Irina 29.11.2012
    • НеоБлоггер 29.11.2012
  4. Валентина 23.02.2013
  5. НеоБлоггер 23.02.2013
  6. Валентина 23.02.2013
    • НеоБлоггер 23.02.2013
  7. Валентина 23.02.2013
  8. НеоБлоггер 23.02.2013
  9. НеоБлоггер 23.02.2013
  10. Валентина 24.02.2013
  11. НеоБлоггер 24.02.2013
  12. Елена 08.03.2013
    • НеоБлоггер 08.03.2013
    • НеоБлоггер 09.03.2013
  13. marinavarvashenia 23.10.2013
    • Александр Хрипунов 06.11.2013
  14. Галина 13.12.2013
    • Александр Хрипунов 13.12.2013
  15. екатерина 10.01.2014
  16. Александр Хрипунов 10.01.2014
  17. Ale_xxx 24.01.2014
    • Александр Хрипунов 24.01.2014
  18. Александра 07.05.2014
  19. Олег 17.01.2015
    • Александр 17.01.2015
  20. Олег 18.01.2015
  21. Алена 27.04.2016
    • Александр 27.04.2016

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

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