Видоизменяем рейтинг записей блога Blogspot

Отследить реакцию ваших читателей вы можете при помощи рейтинга записей блога. Именно об этом пойдет речь в этой статье. Не все читатели любят оставлять комментарии, но они могут оценить статью при помощи удобного виджета Blogger. Представлю для вас виджет рейтинга двух видов:

1. рейтинг в виде звезд (оценка от1 до 5),
2. рейтинг большого пальца (оценка понравилось / не понравилось).

Установка виджета рейтинга записей:

1. Прежде чем приступить к редактированию шаблона, сделайте резервную копию (Шаблон –> резервное копирование и восстановление –> Загрузить шаблон полностью). Этот шаг предотвратит вас от неожиданных ошибок и потерь. Если что-то пойдет не так, вы всегда можете вернуть свой шаблон до изменений.
2. Теперь можете смело приступить к редактированию шаблона. Перейдите во вкладку Дизайн –> Изменить HTML: 
   
3. Поставьте галочку напротив пункта Расширить шаблон виджета:
   
   
4. Найдите в коде шаблона отрезок <div class='post-header-line-1'/> и вставьте после него код:
   
   

   <div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title'>
   </div>

   Это будет выглядеть следующим образом:
   

5. Теперь найдите </body> и вставьте перед ним отрезок кода:
   
   
   

   <script src='http://js-kit.com/ratings.js'/>

   

6. Теперь добавьте следующий стиль CSS перед ]]></b:skin>
   

   .js-kit-rating {
   height:45px;
   text-indent: -9999px;
   overflow:hidden;
   text-indent: -9999px;
   width:85px !important;
   }

   

Для того, чтобы установить в блог рейтинг записей в стиле большого пальца, вам нужно заменить код в четвертом пункте (код после <div class='post-header-line-1'/> на код:

<div class='js-kit-rating' view="score"  expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title'>
</div>

Остальные этапы идентичны установки рейтинга звезд. После всех проделанных изменений вы получите рейтинг вида: