2012-06-30

Рейтинг записей блога

рейтинг записей блога
Отследить реакцию ваших читателей вы можете при помощи рейтинга записей блога. Именно об этом пойдет речь в этой статье. Не все читатели любят оставлять комментарии, но они могут оценить статью при помощи удобного виджета Blogger. Представлю для вас виджет рейтинга двух видов:
  1. рейтинг в виде звезд (оценка от1 до 5),
  2. рейтинг большого пальца (оценка понравилось / не понравилось).
Установка виджета рейтинга записей:..
  1. Прежде чем приступить к редактированию шаблона, сделайте резервную копию (Шаблон –> резервное копирование и восстановление –> Загрузить шаблон полностью). Этот шаг предотвратит вас от неожиданных ошибок и потерь. Если что-то пойдет не так, вы всегда можете вернуть свой шаблон до изменений.
  2. Теперь можете смело приступить к редактированию шаблона. Перейдите во вкладку Дизайн –> Изменить HTML: 
    изменить_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'/>
    body
  6. Теперь добавьте следующий стиль CSS перед ]]></b:skin>
    .js-kit-rating {
    height:45px;
    text-indent: -9999px;
    overflow:hidden;
    text-indent: -9999px;
    width:85px !important;
    }
    стиль css
Для того, чтобы установить в блог рейтинг записей в стиле большого пальца, вам нужно заменить код в четвертом пункте (код после <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>
Остальные этапы идентичны установки рейтинга звезд. После всех проделанных изменений вы получите рейтинг вида:
htqnbyu pfgbctq
 Сайт Tokito-blog.ru предлагает пользователям, решившим создать свой собственный блог кулинарной тематики, использовать кулинарные шаблоны wordpress, которые представлены на его страницах.

4 комментария :

Соната комментирует...

5 и 6 пункты не могу найти((( в своем html

Mycrib комментирует...

Соната, ищите лучше. Эти теги есть у всех! Плохой поиск по коду html может быть связан с тем, каким браузером вы пользуетесь (например, IE). Для редактирования кода лучше воспользоваться Notepad++.

aldous комментирует...

Рейтинги с js-kit морально устарели и выглядят ужасно. Используйте современное решение от graddit.com

Mycrib комментирует...

aldous, на мой взгляд, они нормально выглядят, а за дополнение - спасибо.

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML
Публикуя комментарии, вы соглашаетесь с политикой конфиденциальности