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

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

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

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

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

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

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

<!— Add this element exactly where you want the Rating-Widget to appear —>
<div class=»rw-ui-container rw-urid-1″></div>
<!—
You can add more Rating-Widgets in your site,
just pick some new rating-widget-unique-id (must be positive integer).
For example (rating-widget-unique-id = 38):
<div class=»rw-ui-container rw-urid-38″></div>
—>
<!— Add this javascript code immediately before the </body> tag —>
<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>.

Ссылка на основную публикацию
Adblock
detector