8 декабря 2015 г.

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


Всем привет!

Сегодняшняя заметка посвящена небольшому апгрейду, который весьма важен для продвижения блога в социальных сетях. Речь пойдет об установке человеческих кнопок +1.

Базовый функционал, предлагаемый Блогспотом меня не особо порадовал, поэтому я пошел на знакомый по Шкода-форуму сервис Pluso, который позволяет легко и непринужденно создать кнопки социальных сетей для блога на любой платформе.
/!\ Несмотря на простоту процесса, использование кнопок Pluso имеет один недостаток (кому-то он может показаться довольно существенным. Заключается он в том, что кнопки, выведенные на странице блога, ведут не на конкретную запись, а на аккаунт.blogspot.ru. Как победить полностью пока не понял - прячу конец поста под кат, на страние сообщения все работает хорошо.
Процесс предельно прост и его объяснение укладывается в три картинки:


Выбираем стиль кнопок и нужные нам социальные сети. Все остальные способы "расшарить" запись скроются под красным плюсом справа.



Далее донастраиваем вид панели: размер, форму, размещение, счетчик и фон. Текст кода генерируется в соответствующем окне внизу. Копируем его и идем в настройки блога.


В Настройках выбираем вкладку "Сообщения и комментарии", на которой добавляем Шаблон сообщения. Копируем код в получившееся окно и не забываем сохранить сделанные изменения.

Как водится, есть нюанс. Код кнопок живет во вкладке HTML и в визуальном редакторе при создании поста не виден. Поэтому при оформлении записей нужно внимательно следить чтобы не вылезали косяки вроде этого (кнопки наверху, но "подлезли" под приветствие):


Чтобы исправить проблему, переключаемся в режим HTML и переносим фрагмент кода в самое начало страницы. Чтобы отделить текст можно после куска кода добавить тег <br /> :


Аналогично можно вынести кнопки вниз. Как сделано в этом посте.

Комментариев нет:

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

Related Posts Plugin for WordPress, Blogger...