Обновил плагин Simple Counters для WordPress и решил выполнить давнишнее обещание по поводу обновления его аналога для Blogger. Для тех кто не в курсе что такое Simple Counters сообщаю – это плагин выполненный в виде бейджика-информера. Информер выводит количество подписчиков на FeedBurner и последователей (followers) на Twitter.
Плагин полностью настраиваемый. С помощью пользовательских параметров плагина можно настроить цвет шрифта, цвета и вектор направления градиента фона, цвета и/или темы подсказок, иконки для FeedBurner и Twitter, как для бейджика, так и для подсказок, позиционирование бейджика на экране браузера и т.д. и т.п.
Новое в версии 2.0
- Подсказки используют jQuery плагин qTip2 (в первой версии использовался qTip1)
- Настройка тем подсказок (в первой версии настройки отсутствовали)
- Настройка темы бейджика (стандартная, win7)
- Настройка цвета окантовки (только для стандартной темы)
- Настройка цвета шрифта
- Поддержка IE7 и IE8 (рисуется с помощью VML)
- ВСЁ рисуется с помощью canvas (современные браузеры) или VML (старички IE7, IE8)
Установка
Код устанавливается одним куском, непосредственно перед закрывающим тегом секции head (см. ниже):
Код показанный ниже вставляйте в районе выделенной строки показанной в вышепреведённом коде.
Минимальные изменения в коде, которые необходимо сделать перед вставкой в шаблон:
- Если Ваш шаблон или вставленные Вами коды используют jQuery, удалите первые две строки (выделены в коде). Если Вы не поняли предыдущую фразу, ничего менять не надо – оставьте как есть.
- Обязательно измените ID Feedburner и Twitter на свои (строки 33 и 41, выделены в коде), в противном случае будут показываться мои данные!
Настройка параметров
Параметры, задаваемые пользователем (scOptions):
- position – right или left, вывод бейджика справа или слева в окне браузера.
- delta – цифровое значение в пикселах. Отрицательное значение – смещение бейджика вверх относительно средней линии экрана браузера, положительное – вниз на заданное количество пиксел.
- dgv – направление вектора градиента фона. horizontal – справа налево, vertical – сверху вниз.
- color – начальный цвет градиента фона. Шесть шестнадцатиричных цифр (‘#1c82d0′).
- colorTo – конечный цвет градиента фона. Шесть шестнадцатиричных цифр (‘#145181′).
- borderColor – Цвет полупрозрачной (40%) окантовки бейджика. Шесть шестнадцатиричных цифр (‘#676767′).
- borderStyle – Стиль окантовки бейджика. Строковая переменная: “default” или “win7”.
- fontColor – цвет шрифта бейджика (“#ffffff”).
- hints – не трогайте этот параметр – “уши” WordPress плагина (“themed”).
- plurals – Формула задающая правила обработки форм множественного числа. По-умолчанию задана формула для русского языка (“(n%10==1 && n%100!=11 ? 0 : n%10>=2 && n%10<=4 && (n%100<10 || n%100>=20) ? 1 : 2)”), для английского будет выглядеть так: “(n != 1)”. Все формулы для различных язаков можно найти на сайте sourceforge.net.
- hintStyle – стиль подсказки. По-умолчанию “ui-tooltip-custom”. Может быть: ui-tooltip-custom, ui-tooltip-plain, ui-tooltip-light, ui-tooltip-dark, ui-tooltip-red, ui-tooltip-green, ui-tooltip-blue.
FeedBurner:
- id – Ваш ID на FeedBurner
- imgUrl – URL изображения для области FeedBurner бейджика. 50х50 пиксел, прозрачный фон, PNG. Даже если изображение будет отличаться по размеру, оно будет трансформировано (50х50)
- hint – Текст или HTML-текст для подсказки FeedBurner
- hintImg – URL изображения для подсказки FeedBurner. 40х40 пиксел, прозрачный фон, PNG.
- str – массив строк для вывода в соответствии с требуемой формой множественного числа. Для русского языка состоит из трёх элементов ([“читатель”, “читателя”, “читателей”]).
Twitter:
- id – Ваш ID на Twitter
- imgUrl – URL изображения для области Twitter бейджика. 50х50 пиксел, прозрачный фон, PNG. Даже если изображение будет отличаться по размеру, оно будет трансформировано (50х50)
- hint – Текст или HTML-текст для подсказки Twitter
- hintImg – URL изображения для подсказки Twitter. 40х40 пиксел, прозрачный фон, PNG.
- useAvatar – логическая переменная, если true – использовать в качестве изображения для подсказки аватар из аккаунта Twitter, в противном случае (false) – использовать изображение заданное в переменной hintImg.
- str – массив строк для вывода в соответствии с требуемой формой множественного числа. Для русского языка состоит из трёх элементов ([“спутник”, “спутника”, “спутников”])
Скачать
Никаких изменений путей файлов в коде делать не надо. Однако, если по какой-то причине Вы хотите загружать файлы со своего ресурса, Вы можете скачать исходные файлы плагина и разместить их там, где Вам это нужно.
Simple Counters 2.0 для Blogger (80,8 КиБ, 1 058 скачиваний)
Бейджик-информер Simple Counters для Blogger-блога. Версия 2.0
Вы так же можете скачать плагин с сайта Google Codes.
© 2012 – 2014, minimus. Все права защищены. При копировании и републикации статьи, ссылка на первоисточник обязательна.
Возможно ли как то сделать так, чтобы скрипт подгружался с другого сайта? Просто работает почему-то только если скрипт написан в коде стариницы.
Вы скачали весь плагин или вставили код из статьи? Если из статьи, то всё должно работать. Или Вы что-то другое имеете в виду?
Я имею в виду код из статьи, я пытался выдернуть от туда скрипт где надо менять id твиттера и feedburner’а и закинуть его на свой сервер. при этом css оставил как у вас в теле страницы. Но так скрипт почему-то не хочет работать.
Мне не совсем понятна Ваша проблема – Ваши ники на Twitter и FeedBurner тайной не являются … Их можно легко узнать подписавшись на Ваш блог или на Twitter’е …
Можно ли оставить только FeedBurner, a Twitter убрать ? Или иконка twitter-a все равно будет присутствовать в информере?
Нет. Только оба аккаунта …
Можете мне помоч?
Я вставил код, сделал id, но у меня ничего не показывается, просто синий фон, ни птички ни огня фб. Строчки не удалял, тк подключил к блогу Jq. Думал что плохо подключил, удалял этиже две строчки, так после вставки у меня вообще ничего не плавало, как ничего и не ставил. В чем может быть проблема?
URL?
Уже разобрался) Спасибо за виджет)
Спасибо за плагин! Очень полезная вещь, только почему-то пропала кнопка твиттера… все было нормально и вдруг исчезла(( в чем может быть причина?
Изменился URL доступа к данным Twitter API – испраавлено. Теперь другая проблема – FeedBurner Awareness API …
И что с этим можно сделать?
Пока не знаю! Facebook для Blogger, к сожалению, не подходит – слишком много будет секретной информации в открытом доступе. Google+ пока не даёт доступа к статистике по кругам … Надо что-то придумывать …
Хорошо бы пока придумываете иметь заглушку – например вручную указать циферку так чтобы иконка, подсказка и ссылка остались – чтобы пользователи могли подписываться как и раньше. А то сейчас пустой квардат и нет возможности подписаться по RSS
Это без проблем
Посмотрите код для вставки, строка 35
count: -1 Замените -1 на любое нужное Вам число …
отлично! спасибо.
кстати,заметил что во второй версии скрипта data:blog.title не работает. этот тэг так и остается в тексте документа. при том что аналогичный тэг в заголовке страницы корректно заменяется за значение заголовка. не подскажете – что нужно исправить?
Пока не подскажу – у меня вообще не работает. А ведь работал … Разберусь – отпишусь.