Счётчик Twitter. Кто твитнул?

twitter-counter

Простой и дефолтовый счётчик сервиса линкопомйки и микроанонсов Twitter поставили все.В нём нет ничего не обычного - число твиттов и тыцка, что бы его пополнить.У меня точно такой же есть в спойлере (кто не видел, найдите самостоятельно; кто хочет сделать также - ищите через поиск заметку про спойлер).
Вроде как поставил и забыл, но иногда возникает желание усложнить некоторые устаканенные и примитивные вещи

Это мой счётчик твиттов

Первый шаг на пути к засиранию блога - кастомизация счётчиков и кнопок. Для этих целей, а конкретно для твиттер каунтера был изобретён плагин Who-Tweet Button. Почему плагин, потому что это код для jQuery. Я не собираюсь на блоге вертеть зелень, поэтому делаю то, что хочу :).
Демо:

loading..


Сразу хочу предупредить, что счётчик обращается к сервису topsy.com, и с него показывает данные.

Установка.
Нужно скачать и положить на хостинг скрипт и стили:
jquery.who-tweet-button-1.0.min.js
who-tweet-button-1.0.css
Затем прописать ссылки в секцию <head></head> шаблона:
<link type="text/css" rel="stylesheet" href="хостинг/who-tweet-button-1.0.css"/>
<script type="text/javascript" src="хостинг/jquery.who-tweet-button-1.0.min.js"></script>

Теперь код установки в шаблон или виджет/гаджет для простого счётчика:
<div class="who-tweet" options="{
   nick:'ник_в_твиттере'
}">loading..</div>
Скрипт должен действовать на актуальную для каждой страницы ссылку. Не забудьте указать своё имя/никнейм в твиттере, чтобы использовалось в качестве источника при ретвитах. Слово loading тоже можно поменять.

И продвинутый вариант с настройками для конкретной страницы ↓
Скрипт настройки:
<script type="text/javascript">
$(document).ready(function(){
   $('div.who-tweet-2').whoTweet({
      nick:'ник_в_твиттере'
      ,url:'http://ссылка на пост'
      ,n:20
      ,inf_only:0
      ,inf_tip:1
      ,tweet_tip:1
      ,animate:'height'
   });
});
</script>
Кроме ника и ссылки на страницу с постом, здесь есть ещё ряд опций:
n:20 - максимальное кол-аватарок
inf_only:0 - отображать только "влиятельных" (о-выкл/1-вкл.)
inf_tip:1 - всплывающая подсказка (при наведении) с "влиянием" (о-выкл/1-вкл.)
tweet_tip:1 (о-выкл/1-вкл.) - показать твиты поста, как всплывающую подсказку
animate:'height' - анимация по высоте
остальные настройки выложены здесь.

Html код:
<div class="who-tweet-2">loading..</div>
Оба кода ставятся в статью/виджет/шаблон (т.е. в body).

Источник.
У статьи предвидется продолжение, так что (сейчас будет байан...) - не попал под АГС? Подпишись на RSS.

1 комментарий:

  1. Данная статья потеряла актуальность.

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