Это могут быть сердечки или смайлики, стрелки и треугольники, плюс-минус или часто встречающаяся на сайтах рука.
Как добавить такой рейтинг в свои статьи.1. Переходим на сервис http://www.uptolike.ru/
2. Находим блок "Рейтинг статей"
3. Нажимаем кнопку Настроить.
4. Настраиваем название кнопок "нравится/не нравится". Можно оставить или убрать текст, иконку или счетчик.
5. Затем выбираем внешний вид картинок для рейтинга, их цвет, размер. Также есть функция настройки цвета текста, цвета фона блока с кнопками рейтинга.Справа, в сервисе, в режиме онлайн есть предпросмотр, что очень удобно.
6. После того, как Вы наиграетесь с настройками )) - нажимайте кнопку Сгенерировать код
7. Во всплывающем окошке впишите свой e-mail - на него придет пароль для входа в личный кабинет для просмотра статистики и использования других возможностей.
Теперь расскажу - куда я добавляла код рейтинга в блог на Blogger.
Я решила, что он будет неплохо располагаться рядом с маленькими стандартными, блоггеровскими, социальными кнопками. Точнее, перед ними и непосредственно после ярлыков статьи. Для вставки кнопок "нравится" - "не нравится" в Blogger нужно:
1) Зайти в настройки блога - пункт Шаблон. Сделать резервную копию блога!!!
2) Далее нажимаем Изменить HTML.
3) Вызываем строку поиска через Ctrl+F и ищем share.
4) Находим строку с 'shareButtons'. Слева от строки нажимаем на черный треугольничек. Раскроется весь блок кода.
5) Ставим курсор слева перед <b:if cond='data:top.showEmailButton'> и вставляем сгенерированный ранее код рейтинга.
6) Далее нажимаем кнопку Просмотреть шаблон. Если кнопки появились - сохраняем шаблон.
Очень надеюсь, что большинство моих читателей будет нажимать только кнопку "нравится". Но для честности рейтинга кнопку "не нравится" я тоже оставила))
Отличная статья, спасибо! Давно ищу что-то подобное! Правда, в идеале хотелось бы дать пользователям возможность оценивать статьи 1...5 звезд. Как такое сделать, не знаете?
ОтветитьУдалитьВы знаете, не получилось. Не отображается код. Вставляла, как вы и писали.
ОтветитьУдалитьСо звездами был один сайт, но сейчас не работает. Попробуйте код вставить после всего большого блока "блоггеровских" соц. кнопок.
УдалитьУ меня тоже что-то не получилось. Раз 5 уже сделала :(
ОтветитьУдалитьВсе получилось, спасибо!
ОтветитьУдалитьВ моем случае была сложность с фоном - он темный. Подбирал цвета "на глаз" Вроде попал, но если присматриваться, то фон кнопок видно. Как узнать точный код цвета у в шаблоне блога?
Здравствуйте. Для определения цвета на экране компьютера пользуюсь небольшой программкой ruler - линейка. Открывается прямо на экране и определяет код цвета точки, где находится курсор.
УдалитьПоиск не находит share (
ОтветитьУдалитьЗдравствуйте. Возможно, у Вас "не включены" стандартные соцкнопки Blogger. Чтобы их "включить": 1) Дизайн -> Сообщение -> Изменить. 2) В настройках сообщения блога поставить галочку "Показывать кнопки для публикации". 3) Сохранить.
УдалитьЗдравствуйте Мария, у меня такой вопрос, я хочу что бы эти кнопки вставлялись под каждым текстом, но без заводских кнопок для публикации, как можно это настроить??? просто у меня другие соц. кнопки... мне заводские не нужны.
ОтветитьУдалитьЗдравствуйте. Немного не поняла - "заводские" - это какие? Стандартные от Blogger?
Удалитьда я о стандартных говорю у меня поставлены соц кнопки PLUSO под каждой статьей и я хочу что бы у меня были и кнопки нравится/не нравится... подскажите пожалуйста поставить предложенный вами код в правильном месте...
УдалитьНайдите в коде шаблона код соц.кнопок PLUSO и под этим кодом (или перед ним) вставить еще код рейтинга (нравится/не нравится) из описываемого в статье сервиса.
УдалитьДобрый день, Мария. Подскажите пожалуйста, если два блога на блоггере код один для обеих блогов? Или генерировать для каждого отдельный? Спасибо.
ОтветитьУдалить