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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Введите Ваш email