Виджет фолловеров Твиттера

Виджет фолловеров Твиттера

02017-01-02840Денис Абдуллин

Простой, но мощный JQuery плагин, который показывает фолловеров в Твиттере в стиле виджета Facebook. Настройте цвета в соответствии с дизайном вашего сайта.

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

Как показать на сайте фолловеров Твиттера?


Добавьте следующий код в HEAD

Code
<link href="css/followbox.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script></script>
<script src="js/jquery.followbox.min.js" type="text/javascript"></script>

Не забудьте проверить правильность адреса файлов. Теперь, чтобы отобразить виджет внутри DIV с ID, делаем следующее:

Code
$('#element_id').followbox({
  'user' : 'Ваш логин в Twitter'
});

Возможные опции:


user : имя Twitter
width : ширина в пикселях
height : высота в пикселях
theme : Может быть 'light', 'dark' или 'custom'.
border_color : Цвет обводки виджета
bg_color : Цвет фона виджета
bg_image : Изображение фона
title_color : Цвет заголовка
total_count_color : Цвет счетчика
follower_name_color : Цвет имен фолловеров

Автор: Joby Joseph


Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.