воскресенье, 8 сентября 2013 г.

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


Недавно мы рассмотрели, как добавить возможность поделиться статьей в социальных сетях при помощи встроенных средств блоггера.
Но результат меня не совсем удовлетворил: и кнопки хочется поярче, да и в моем рукодельном блоге "Скрапотерапия" шаблон "не пускает" их.
Что ж, не получилось родные блоггеровские кнопочки вставить, будем вставлять кнопки со сторонних ресурсов))



Один из самых простых в установке и работе блок с социальными сетями предоставляет  Яндекс. Вот им и воспользуемся.



1. Загружаем Блок "Поделиться от Яндекс"


2. В левом столбике отмечаем галочками кнопки, которые хотим видеть, в правом - выбираем внешний вид блока (щелкаем мышью по строке с названием). Чуть ниже в окошке сразу отобразиться код, который надо будет вставить в блог (помечен синим)


Страницу с кодом не закрываем, к нему мы вернемся чуть позже.

3. Заходим в новом окне или вкладке в панель управления блогом, вкладка "Шаблон". Сейчас мы будем его редактировать. Если боязно - без паники! Вначале сделайте резервное копирование шаблона блога, тогда точно ничего запортить не сможете))).




4. Жмем "Изменить HTML". Чуток прикоснемся к программированию)))




5. На любом пустом месте окошка с программным кодом щелкаем мышью и нажимаем Ctrl+F, появится дополнительное окошко поиска



6. В окно поиска вставляем post-footer-line-3 и щелкаем Enter для поиска.



7. Сразу под строкой с найденным текстом несколько раз щелкаем Enter, чтобы создать поле для дополнительной вставки. Копируем  код из пункта 2 (тот, который был помечен синим) и вставляем его в созданное пустое поле




8. Сохраняем шаблон и любуемся полученным результатом




Ура! У меня даже в блоге "Скрапотерапия" наконец-то появились кнопочки))!!

2 комментария: