Блок кнопок социальных сетей на изображениях в Блоггере.

Привет, друзья. Сегодня хочу показать вам, как сделать кнопки поделиться на изображениях в блоге. Конечно же, вы видели такие на многих сайтах. Но как это реализовать в Блоггере? В предыдущих постах я писала, как установить родные кнопки социальных сетей Твиттер, Фейсбук, В контакте и Гугл+.
Прочитать об этом можно здесь и здесь.

Информации о кнопках социальных сетей на картинках не много. Я знаю, что для блогов  wordpress есть специальный плагин. Увы, для платформы Блоггер такое не предусмотрена. Однако есть сервис социальной активности Uptolike, где мы можем достаточно быстро настроить блок кнопок и получить готовый код.

Особо расписывать все возможности сервиса я не буду. Он на русском языке и там всё достаточно просто и понятно. Заходим по этой ссылке и попадаем на главную страницу. Можно пройти авторизацию через ваши аккаунты соц. сетей.

Создаёте личный кабинет и приступаете к созданию виджета, которые хотели видеть на блоге. Перечислю вкратце, что можно сделать.

1. Поделиться. Пользователь может поделиться интересной темой и написать сразу комментарий.
2. Возможность подписаться на вашу ленту в сетях.
3. Обычным способом поставить лайк, чем поблагодарит автора.
5. Установить счётчик рейтинга статей.
6. Поделиться картинкой.

Вот последний вариант нам сегодня нужен.

кнопки на изображениях

Нажимаем на кнопку настроить. С правой стороны все возможные опции. Подберите социальные сети, которые будут отображены в блоке кнопок. Воспользуйтесь дополнительными настройками если хотите, чтобы пользователи могли не только поделиться, но и получить приглашение присоединиться к вам. Там нужно написать просто текст приглашения и указать ваш id в каждой из выбранных сетей.

Выбираете расположение блока - горизонтально или вертикально. Соответственно, стиль кнопки, её цвет, форму, эффект при наведении и другие настройки.

Когда со всем этим закончили нажимаем на зелёную кнопку сгенерировать код. Вот такое окно откроется.


Или копируйте его просто, или получите на электронную почту. Готовый код нам нужно установить в гаджет HTML/JavaScript. в любом месте макета блога. И всё.

Рабочий пример посмотрите у меня на этом блоге. Подведите курсор к любому изображению.

Теперь пользователи вашего блога смогут делиться вашими фотографиями и записями, в которых отображаются данные изображения, в популярных соц. сетях.

На этом закончу. Всем удачи и до новых встреч.

здесь можно оформить подписку на новые шпаргалки

Введите Ваш email


11 комментариев:

  1. Очень оригинально, особенно то, что они всплывающие. Но я заметила, что кнопки предлагают поделиться картинкой и ссылка ведет на Радикал?

    ОтветитьУдалить
  2. Олеся, привет. Попробуй твитнуть. И потом посмотреть в соц.сети. Ссылка ведёт именно на пост.

    ОтветитьУдалить
  3. Вот что в Гугле получается: https://plus.google.com/+%D0%9E%D0%BB%D0%B5%D1%81%D1%8F%D0%A6%D0%B0%D1%80%D1%91%D0%B2%D0%B0/posts/86ytD8QpyQD

    ОтветитьУдалить
  4. Да, Олеся в Гугл не получается. У меня даже при публикации поста он вообще перестал картинки отображать. Приходится с компа вставлять или без них обходиться. С остальными сетями нормально. Значит не нужно эту кнопку ставить.

    ОтветитьУдалить
  5. В ОК ссылка только на радикал, только что проверила.

    ОтветитьУдалить
  6. Думаю, если поменять адрес, куда ведет картинка (сделать картинку ссылкой на статью), то все будет впорядке.
    Кстати, у тебя не работает функция ответ. У меня в блогере нет сейчас глюков, это не с платформой.

    ОтветитьУдалить
  7. Ответить давно уже не работает. Я знаю. Пока руки не доходят. А с одноклассниками не пробовала. Давно уже аккаунт там закрыла.

    ОтветитьУдалить
  8. Виктория! Желаю творческих успехов и поздравляю с Международным Днем Блога!

    ОтветитьУдалить
  9. Виктория, у тебя тоже раньше был виджет "Последние комментарии", а сейчас я его не вижу. Ты его убрала? Может поэтому и у меня он не отображается? Посмотри мои блоги "Волшебный фонарик" И Блог Кота Васьки.

    ОтветитьУдалить

Пользовательский поиск