В Blogger, как вы наверное знаете, есть два типа рейтингов или оценки поста.
Это "действия" и "звёздочки". Их настройки доступны в полном объёме через админку-черновик блоггера.
Рейтинги в настройке сообщения Blogger |
Гугля на эту тему я нашёл интересный сервис www.rating-system.com .
Он имеет настроечный интерфейс и позволяет создавать рейтинги/оценки в разных вариациях, вплоть до комментирования и подтвержения емэйлом.
Разумеется, не всё так шоколадно, потому что мы приходим к такому же раскладу, как и в Blogger, все подсчёты исполняются на недоступном нам сервере.
Но всё же стоит немного уделить внимания этой разработке.
Сервис - не альтруист, за свои услуги он просит денежку. Есть бесплатный тарифный план, который ограничивается 20000 просмотов в месяц. Для начинающего блога (моего это касается) и не очень раскрученного блога эта цифра огромная, поэтому можно смело регистрироваться и начать настраивать.
Сразу предупреждаю, что "в один клик" сделать ничего не выйдет. Выделяйте время, чтобы детально разобраться в настройках интерфейса и самого будущего виджета.
Настроечный интерфейс сервиса рейтингов |
В правой колонке Widget, если вам не требуется котавасия с лишними формами, отмечайте Simple Blogger Style Rating.
Simple Blogger Style Rating |
В Rating garphics кроется полтора десятка разных звёздочек, листиков, кружочков, которыми будут отображаться потенциальные оценки вашего поста.
В таблике нужно все надписи изменить на русские.
После того, как наиграетесь, жмите save для сохранения.
Далее вам станет доступным список сохранённых виджетов, из которого можно просмотреть будущий результат (превью) и получить html код.
Предпросмотр |
Код для вставки в шаблон блога |
Обратите внимание, что в коде находится часть настроек, и кое-что можно откастомить. На один блог так же можно вешать разного вида рейтинги
Но вернёмся к окну My Active Widgets, которое появилось, после создания своего рейтинга. Там есть выбор различных типов виджетов:
Активные виджеты |
-- красный (Simple Blogger Style Rating) - виджет рейтинга, код вставляется непосредственно в шаблон
-- оранжевый (Rating Average Box) - виджет просто отображает полосу и кол-во голосов, возможность ставить оценку не доступна
-- синий(Rating Summary Box) - виджет отображает хит-парад голосов
-- зелёный ("Top Rated Products" Box) - виджет показывает хит-парад статей по голосам (см. ниже скриншот)
Результирующие виджеты |
На скриншоте я объединил оба последних виджета.
Демо (скриншот):
Я попробовал установить эти рейтинги в блог, всё прекрасно работает. Каждая статья обрабатывается отдельно за счёт строки в коде: window.location.href
Куда поставить код?
Я ставил в шаблон Blogger над <!-- feed links -->.
Можно установить в после <data:post.body/>. В этом случае придётся виджет убирать с главной страницы, заключив весь код виджета между тегами <b:if cond='data:blog.pageType == "item"'></b:if>.
Конечно, над конечным видом надо будет поработать, но "удочку" хорошо сервиса я закинул :).
Скажите как сделать такую статистику online: как увас?
ОтветитьУдалитьИспользуйте поиск по блогу :)
ОтветитьУдалитьДайте ссылку плз на следы в праков нижнем углу сайта. Как это вообще происходит? Это магия?
ОтветитьУдалитьВот ссылка http://blogger.omg-linux.ru/2011/07/scroll-to-top.html
ОтветитьУдалитьЭто обычный jQuery "scroll to top".
Следы сделаны как подвижные gif.
Эх, забыл указать авторство анимашки в статье.
Автор рисунка - блоггер sv9t, который сделал их для меня. Я их немного подкорректировал и вставил в блог.
А можно вопрос?)) Как вы сделали в конце каждой статьи палец вверх или вниз ?) с помощью какого виджета?) Очень классная штука (если не секрет). Эта форма оценки не требует jQuerry? спасибо заранее)
ОтветитьУдалитьА можно вопрос?)) Как вы сделали в конце каждой статьи палец вверх или вниз ?) с помощью какого виджета?) Очень классная штука (если не секрет). Эта форма оценки не требует jQuerry? спасибо заранее)
ОтветитьУдалитьой, извините, я дважды нечаянно отправил...(
ОтветитьУдалитьЭто рейтинги с graddit.com. Я тут о них неоднократно писал.
ОтветитьУдалить