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

рейтинг записей блога
Отследить реакцию ваших читателей вы можете при помощи рейтинга записей блога. Именно об этом пойдет речь в этой статье. Не все читатели любят оставлять комментарии, но они могут оценить статью при помощи удобного виджета 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

4 ответа к «Видоизменяем рейтинг записей блога Blogspot»

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *