2014-01-03

Открываем ссылки в новом окне на Blogger

target-blank

Сегодня вы узнаете про скрипт, открывающий все внешние ссылки блога в новом окне.

Это может быть полезно, если у вас большой блог, и вам нужно, чтобы каждая ссылка открывалась в новом окне. Таким образом вы будете меньше терять посетителей через внешние ссылки. Добавить к каждой ссылки target=”_blank” бывает проблематично.

В этом случае к вам на помощь придет скрипт jquery.

Как установить:

  1. Перейдите в шаблон блога –> изменить html
  2. Найдите с помощью поиска Ctrl+F тег </head>
  3. Вставьте перед ним код:
    /*

    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>

    <script type='text/javascript'>

    $(document).ready(function() {

      $("a[href^='http://']").each(
        function(){
    if(this.href.indexOf(location.hostname) == -1) {
            $(this).attr('target', '_blank');
          }
        }
      );

    $("a[href^='https://']").each(
    function(){
    if(this.href.indexOf(location.hostname) == -1) {
    $(this).attr('target', '_blank');
    }
    }
    );

    });

    </script>

    Часть кода, выделенная желтым – это библиотека jquery. Если у вас в шаблоне есть этот скрипт, то прописывать второй раз его не нужно. 
  4. Сохраните изменения и проверьте работоспособность скрипта Улыбка

Скрипт взяла здесь

5 комментариев :

Светлана Горячева комментирует...

Спасибо! У меня получилось!

Mycrib комментирует...

Я рада;)

Анонимный комментирует...

На картинку баннер пойдет??

Mycrib комментирует...

Пойдет

Руслан Лебедь комментирует...

Спасибо за работу!
Да Благословит Вас Господь!!!

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

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML