Виджет фолловеров из Twitter для блога

Совсем недавно я писал про виджет читателей-followers в Twitter для блога. Назывался он "FanBox" и стилистически был похож на фейсбучный виджет друзей. Если подумать, виджет бесполезен, но многие используют для создания зрительного впечатления на посетителей блога и мотивации подписаться на обновления блога через Twitter.
Сегодня я нашёл ещё один аналог от code.moretechtips.net. Смысл виджета не изменился, но в этом есть генератор с кучей настроек.

Теперь смотрим демку:

Это скриншот. Код я не ставил вставлять в статью чисто из seo соображений.

Виджет содержит настройки:

• размеры общей формы
• размеры аватарок
• 2 стиля на выбор (голубой или чёрный или без стилей, чтобы использовать свои)
• количество фолловеров
• показ твитов (отображаются под аватарками в одной строке, циклично меняются)
• и т.д.

В общем, там всё интуитивно понятно, вдобавок есть превьюшка.
В конце всех телодвижений вам будет выдан код для установки в блог (для Blogger есть кнопка) такого вида (копировать не надо, получите по ссылке ниже):

<!--~~~~~~~~~~~~~~~~~ Include CSS and these JS files once: jQuery then plugin -->
<link type="text/css" href="http://twitter-friends-widget.googlecode.com/svn/v2/light.css" rel="stylesheet" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://twitter-friends-widget.googlecode.com/files/jquery.twitter-friends-2.0.min.js"></script>
<!---~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->

<!--~~~~~~~~~~~~~~~~~~~~~~~ required HTML -->
<div class="twitter-friends">
<!-- {
 username:'bloggerndch'
 ,width:600
 ,user_animate:'width'
 ,tweet:1
 ,tweet_animate:'fontSize'
} -->
 <a class="tfw-info" href="http://www.moretechtips.net" target="_blank">Twitter Friends/Followers Widget</a>
</div>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->

Как можно заметить, код разделён на две части. Формально в Blogger его можно целиком засунуть в html/javascript гаджет-виджет, и он будет работать. Однако, я не советую торопиться.

Посмотрим на первую часть кода (он состоит из двух частей, разделённых пунктирными подчёркиваниями).
В ней мы видим ссылки на:

• стили виджета
• ссылку на jQuery, которая не нужна, если у вас в блоге уже есть такая
• ссылка на базовый скрипт от виджета

Всё это дело нужно запихнуть в шаблон перед тегом /head


Остальную часть кода (вторую) помещаем в html/javascript гаджет Блоггера, и конечно не забываем избавиться от внешней ссылки (удаляем весь тег a с class="tfw-info").

А сам виджет вы можете получить здесь.