Рейтинг записей 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>.

Понравилось? Поделись с друзьями!