Открываем ссылки в новом окне на 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 ответов к «Открываем ссылки в новом окне на Blogger»

Добавить комментарий

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