Контролируем свои ссылки


Простой, но зачётный плагин для работы с ссылками на странице - jQuery Link Control. С его помощью вы можете предоставить читателю выбор, где открыть предложенную по ходу статьи ссылку: здесь или на другой вкладке браузера.

Скрипт маленький, весит порядка 30 килобайт. Для его подключения (как и обычно) вам понадобится внешний хостинг (если его нет, то пора намутить).
Так же необходима библиотека jQuery.
Я русифицировал пару строчек, и скрипт можно скачать отсюда, или нативную версию разработчика с его сайта.

Второй "настроечный" скрипт выглядит так:
<script type="text/javascript">
$(document).ready(function(){
// alert ('jQuery running');

$('a.inline').linkControl({inline:true});
$('a.overlay').linkControl({overlay:true, padding:5, bgColor:'#fff', borderColor:'#333'});
});
</script>
Обратите внимание на опции Inline и Overlay. В первой описание ссылки выстраивается в один ряд (по умолчанию в скрипте прописан линк только на текущую вкладку браузера), во второй оба (текущая и новая) варианты выстроены в столбик.

Настройки Overlay:
padding:5 - отступы текста от рамки
bgColor:'#fff' - цвет заднего фона (бекграунда)
borderColor:'#333' - цвет рамки

Html цвета вы можете подобрать в моём калибровщике.

Сама ссылка в тексте статьи будет выглядеть вот так↓
Inline:
<a href="http://ya.ru/" rel="nofollow" class="inline">Яндекс</a>
Overlay:
<a href="http://ya.ru/" rel="nofollow" class="overlay">Яндекс</a>
Если вы подключаете плагин к внутренним ссылкам (ссылки на страницы вашего блога), тогда уберите строчку rel="nofollow", запрещающую поисковику идти по ссылке.

Демо:
Яндекс
Яндекс

Ещё полезные статьи о работе с ссылками в Blogger читайте в этой ветке.

Разработчик здесь.
Вопросы о подключении в комменты ↓

2 комментария:

  1. Подскажи где его замутить.И что то твой сайт выглядит по другому.Всё крупно,горизонтальное меню куда подевалось прежнее?И ещё что такому профи делать у меня в блогах? Если конечно не секрет.Может посоветуешь-изменить чего нибудь или добавить.

    ОтветитьУдалить
  2. --"Подскажи где его замутить"
    Скрипт на хостинг, ссылку на этот скрипт в /head к остальным скриптам. Туда же скопипастить "настроечный скрипт", об остальном я уже написал :)

    --"Всё крупно,горизонтальное меню куда подевалось прежнее?"
    Дело в том, что я в статьях использую скрипты для демо (а не на тестовом блоге). Меню тоже джаваскриптовое, поэтому чтобы не было много скриптов на странице, я решил вставить что-то попроще.

    --"И ещё что такому профи делать у меня в блогах?"
    Я пока ещё не профи :). Увидел ссылку на сеоганге, точнее её отсутствие. По нику догадался, кто забыл оставить ссылку, поэтому зашёл предупредить.

    -- "Может посоветуешь-изменить чего нибудь или добавить".
    Смотря где. Я бы добавил везде хлебные крошки. Вроде пишут, что полезно (наличие дополнительного ключа на странице). И убрал бы глобус "resolvermaps": бестолковый флеш и открытая внешняя ссылка на всех страницах.

    ОтветитьУдалить