Универсальные рейтинги для блога

Коллекция рейтингов для блога пополнилась ещё одной интересной разработкой: рейтингами от Fruitful Bookmarks.
Это довольно крутой виджет: собирает статистику оценок постов и пишет в базу.
Виджет рейтингов будет работать на любом блоге, где возможно использование javascript.

Сервис предлагает пять вариантов виджета...

Классические звёзды:

Последовательность чисел:

Произвольный (разные картинки голосов: ноты, инь-ян и т.п., обновите страницу, чтобы увидеть следующие):

По моей просьбе разработчик Gene добавил четвёртый "плюсомёт" - стрелки:

Да/Нет (использует другие стили):

Html коды установки для любого блога (причём есть персонально для Blogger) представлены на странице разработки - all-rate.appspot.com/rus

Живое демо:

{[["☆","★"]]}

В блоггеровском коде не забудьте изменить надпись "Rate this posting: " на свою.

Виджет рейтингов имеет свои стили и очень легко настраивается под любой дизайн:

span.ffbs_star {
    color: #808080; /*цвет обводки звёзд до голосования*/ 
    font-size: 36px;
}
span.ffbs_star_set {
    color: #32b9fb; /*цвет звёзд после голосования*/
    font-size: 36px;
}
span.ffbs_star_vote {
    color: #7bfb32; /*цвет звёзд при наведении курсора*/
    font-size: 36px;
}
div.rate {
    padding-left: 3px;
    padding-right: 3px;
    display: inline;
    visibility: hidden;
text-shadow: 12px 5px 12px #8f8f8f; 
filter: dropshadow(color=#8f8f8f, offx=12, offy=5);
}

В комментариях к css я написал, какой цвет (и стиль) за что отвечает, также я для разнообразия в демке добавил тень (text-shadow и filter: dropshadow).

Установка в Blogger.
В коде "блоггеровского" рейтинга нужно изменить строку с:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

на

<b:if cond='data:blog.pageType == &quot;item&quot;'>

Это нужно для того, чтобы виджет был виден только на внутренних страницах и не пестрил на главной.

После чего исправленный код скопировать в свой шаблон до или после <data:post.body/> (в зависмости от того, где нужны рейтинги: вверху или внизу статьи).

Затем в шаблоне находим тег ]]></b:skin> и вставляем до него выше рассмотренные стили.

Автору-разрабочику большой и жирный зачот за прекрасный виджет.

Обновление:
На сайте заработал "Пульс рейтингов", в котором отображаются последние "отплюсованные" посты с блогов, на которых установлен один из вышеописанных виджетов:

Появилась возможность выводить под рейтингом количество просмотров статьи/поста и среднее значение голоса:

Работает статистика по страницам сайта/блога с установленными рейтингами:

Появились графические звёзды:

Что означает возможность использования своих изображений.

Появились анимированные голоса (разные изображения):

Самое главное обновление - теперь при касании мышью голосов появляется виджет с результатами:

www.fruitfulbookmarks.com
Внимание! Сервис рейтингов переехал.
Подробности читайте в Graddit - новые рейтинги для блога.

Что ещё интересного?
Виджет рейтингов кинопоиска