Красивая ссылка на Twitter (Hovercard)

twitter logo blogspot png
Hovercard - интересный jQuery плагин всплывающих подсказок.
Ну самими подсказками сейчас никого не удивить. Таких скриптов довольно много.
Один из примеров - vTip - простые подсказки title в тексте.
Но у Hovercard есть одна интересная функция, с помощью которой можно "по-взрослому" оформить ссылку на свой аккаунт в твиттере.

Смотрим дему:
нЕ зАбуДьте поДписаТьсЯ:

поднеси курсор мыши ->


Реализация ↓
1) jQuery

2) Скрипт Hovercard уже положен на хостинг Dropbox:
<script type="text/javascript" src="http://dl.dropbox.com/u/40036711/jquery.hovercard.min.js"></script>

3) Формируем ссылку:
<a class="tweetmeblablabla" data-hovercard="linuxesrf" href="http://сцылко на ак твиттера"> бла-бла-бла </a>

В параметре data-hovercard должен быть указан ваш аккаунт в Twitter.

4) Подключаем ссылку к скрипту:
<script>
$(".tweetmeblablabla").hovercard({ showTwitterCard: true });
</script>

Пункты 2, 3 и 4 можно скопировать в html/javascript гаджет блогспота или на страницу (в HTML режиме редактора). Всё! =).

За остальными пироженками советую сходить сюда -> Hovercard.

зы: можете проверить на работоспособность, а то у меня всего одна учётка осталась, не могу себя фолловить.

Комментариев нет:

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