Рейтинг записей для Blogspot

Дата: 2 ноября 2012

рейтинг blogspot
Сегодня я расскажу вам как сделать рейтинг в ваш блог на blogspot. Вы видите такой рейтинг записей в моем блоге сразу под заголовком.
Положительные моменты рейтинга – код вы получите в специальном генераторе, где можно настроить кнопки рейтинга так, как вам нужно и второе немаловажное преимущество – выбор языка (есть и русский!). Виджет не грузит вашу страницу, достаточно легкий и удобный. Сервис бесплатный и не требует регистрации.
Перейти на сайт генератора виджет рейтинга записей.
Возможные настройки:

выбор дизайна виджета – это могут быть звезды, рейтинг большого пальца, галочки, смайлики, елочки, монеты и другие символы.
Выбор размера виджета – маленький, средний или большой,
текста – выбор жирности, что именно будет написано на виджете (голосуй, понравилось? и пр.), цвет текста до наведения и после и пр.

рейтинг записей

Первод основных настроек генератора для упрощения создания рейтинга
Language – язык,
Type – вид,
Theme – тема,
Size – размер.

После того, как вы прошлись по всем настройкам, вам нужно получить код.
Для этого нажимаем кнопку получить виджет
Вы увидите код и кнопку . Нажмите на нее для того, чтобы сгенерировать индивидуальный ключ.
После чего вы видите капчу – пройдите ее для получения вашего индивидуального кода.

Вот какой получился код у меня:

<div class="rw-ui-container rw-urid-1"></div>


<div class="rw-js-container">
<script type="text/javascript">
// Async Rating-Widget initialization.
function RW_Async_Init(){
RW.init("your-unique-user-key",
{
lng: "ru",
size: "large",
theme: "thumbs_1",
advanced: {
font: {
color: "#58bf13",
type: "verdana",
hover: {
color: "#941f94"
}
},
layout: {
align: {
hor: "left",
ver: "top"
}
}
},
type: "nero"
});
RW.render();
}
        // Append Rating-Widget JavaScript library.
if (typeof(RW) == "undefined"){
(function(){
var rw = document.createElement("script");
rw.type = "text/javascript"; rw.async = true;
rw.src = "http://js.rating-widget.com/external.min.js?t=js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(rw, s);
})();
}
    </script>
</div>
</> Get Widget
Голосуй
1244
308

Get your Star Rating System in 5 sec!

2K
Current Release: v1.4.1
Free        Customizable        No registration required
Multi-language        Cross-browser        Swift Implementation
Lightweight Footprint        CSS3 Compliant        Hosted by us
Language:
Type:
Star
Thumbs
Theme:    8
3
Thumbs 1

Size:
Small
Medium
Large
Advanced Settings
Font
Layout
Text
Thumbs
Size:
Color:
HOver:
Type:     A
Inherit
A
Arial
A
Courier
A
Tahoma
A
Times
A
Verdana
Style:
Bold
Italic

© 2011 Rating Widget
Host1Plust - Best Web Hosting
Home
WordPress Plugin
FAQ
Contact
Documentation
Contribute Design
Change Log
Blog
Translate
Terms of use
Privacy
Recent Updates
ratingwidget #status The servers were upgraded for better performance.
yesterday · reply · retweet · favorite
ratingwidget 40+ Useful WordPress Facebook Plugins ow.ly/eVtWd
yesterday · reply · retweet · favorite
ratingwidget Due to power failure in Frankfurt data center our website and service are temporary down - sorry for the inconvenience. ow.ly/eSTW3
2 days ago · reply · retweet · favorite
Join the conversation
Follow us on Twitter

Find us on Facebook

Google Adds

Support Us

Что теперь с ним делать и куда вставлять, чтобы получить работающий рейтинг записей?
Во-первых, подставьте ваш индивидуальный номер вместо your-unique-user-key, хотя генератор может это сделать за вас. Для этого нажмите второй раз на кнопку после получения User-key получить виджет
Во-вторых, скопируйте весь код в какой-нибудь текстовый редактор – будь то блокнот или Notepad++ для редактирования. Выделите и скопируйте код, который расположен между <!-- Add this javascript code immediately before the </body> tag –> и </> Get Widget. У меня этот отрезок кода выделен розовым. В шаблоне блога поставьте галочку напротив “расширить шаблоны виджета”, найдите тег </body> и вставьте ваш код перед ним (тегом </body>).
Теперь вставьте код <div class="rw-ui-container rw-urid-1"></div> в том месте шаблона, где хотите видеть виджет. Если в начале записи, то найдите код <data:post.body/> и вставьте код перед ней, если после статьи, то перед кодом <div class='post-footer-line post-footer-line-1'>.
Остальная часть кода нам не нужна. Это комментарии, копирайт и прочая информация.

И последнее, вы можете использовать виджет рейтинга несколько раз в своем блоге (например, в записи и в сайдбаре для оценки блога), но для этого нужно, чтобы код <div class="rw-ui-container rw-urid-1"></div> имет разные цифры. Например, второй раз вставьте код вида <div class="rw-ui-container rw-urid-10"></div>.