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

Отследить реакцию ваших читателей вы можете при помощи рейтинга записей блога. Именно об этом пойдет речь в этой статье. Не все читатели любят оставлять комментарии, но они могут оценить статью при помощи удобного виджета Blogger. Представлю для вас виджет рейтинга двух видов:
- рейтинг в виде звезд (оценка от1 до 5),
- рейтинг большого пальца (оценка понравилось / не понравилось).
Установка виджета рейтинга записей:
- Прежде чем приступить к редактированию шаблона, сделайте резервную копию (Шаблон –> резервное копирование и восстановление –> Загрузить шаблон полностью). Этот шаг предотвратит вас от неожиданных ошибок и потерь. Если что-то пойдет не так, вы всегда можете вернуть свой шаблон до изменений.
- Теперь можете смело приступить к редактированию шаблона. Перейдите во вкладку Дизайн –> Изменить HTML:
- Поставьте галочку напротив пункта Расширить шаблон виджета:
- Найдите в коде шаблона отрезок <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>Это будет выглядеть следующим образом:
- Теперь найдите </body> и вставьте перед ним отрезок кода:
<script src='http://js-kit.com/ratings.js'/>
- Теперь добавьте следующий стиль 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>
Остальные этапы идентичны установки рейтинга звезд. После всех проделанных изменений вы получите рейтинг вида:
5 и 6 пункты не могу найти((( в своем html
Соната, ищите лучше. Эти теги есть у всех! Плохой поиск по коду html может быть связан с тем, каким браузером вы пользуетесь (например, IE). Для редактирования кода лучше воспользоваться Notepad++.
Рейтинги с js-kit морально устарели и выглядят ужасно. Используйте современное решение от graddit.com
aldous, на мой взгляд, они нормально выглядят, а за дополнение - спасибо.