Недавно мы рассмотрели, как добавить возможность поделиться статьей в социальных сетях при помощи встроенных средств блоггера.
Но результат меня не совсем удовлетворил: и кнопки хочется поярче, да и в этом блоге шаблон "не пускает" их.
Что ж, не получилось родные блоггеровские кнопочки вставить, будем вставлять кнопки со сторонних ресурсов))
Один из самых простых в установке и работе блок с социальными сетями предоставляет Яндекс. Вот им и воспользуемся.
1. Загружаем Блок "Поделиться от Яндекс"
2. В левом столбике отмечаем галочками кнопки, которые хотим видеть, в правом - выбираем внешний вид блока (щелкаем мышью по строке с названием). Чуть ниже в окошке сразу отобразиться код, который надо будет вставить в блог (помечен синим)
3. Заходим в новом окне или вкладке в панель управления блогом, вкладка "Шаблон". Сейчас мы будем его редактировать. Если боязно - без паники! Вначале сделайте резервное копирование шаблона блога, тогда точно ничего запортить не сможете))).
4. Жмем "Изменить HTML". Чуток прикоснемся к программированию)))
5. На любом пустом месте окошка с программным кодом щелкаем мышью и нажимаем Ctrl+F, появится дополнительное окошко поиска
Но результат меня не совсем удовлетворил: и кнопки хочется поярче, да и в этом блоге шаблон "не пускает" их.
Что ж, не получилось родные блоггеровские кнопочки вставить, будем вставлять кнопки со сторонних ресурсов))
1. Загружаем Блок "Поделиться от Яндекс"
2. В левом столбике отмечаем галочками кнопки, которые хотим видеть, в правом - выбираем внешний вид блока (щелкаем мышью по строке с названием). Чуть ниже в окошке сразу отобразиться код, который надо будет вставить в блог (помечен синим)
Страницу с кодом не закрываем, к нему мы вернемся чуть позже.
3. Заходим в новом окне или вкладке в панель управления блогом, вкладка "Шаблон". Сейчас мы будем его редактировать. Если боязно - без паники! Вначале сделайте резервное копирование шаблона блога, тогда точно ничего запортить не сможете))).
4. Жмем "Изменить HTML". Чуток прикоснемся к программированию)))
5. На любом пустом месте окошка с программным кодом щелкаем мышью и нажимаем Ctrl+F, появится дополнительное окошко поиска
6. В окно поиска вставляем post-footer-line-3 и щелкаем Enter для поиска.
7. Сразу под строкой с найденным текстом несколько раз щелкаем Enter, чтобы создать поле для дополнительной вставки. Копируем код из пункта 2 (тот, который был помечен синим) и вставляем его в созданное пустое поле
8. Сохраняем шаблон и любуемся полученным результатом
Ура! У меня даже в этом блоге наконец-то появились кнопочки))!!
Татьяна, а можно как-то кнопочку Pinterest установить?
ОтветитьУдалитьРазобралась.))) Спасибо за урок!
УдалитьДа, у Яндекса несколько интересных кнопочек)))
УдалитьУра! работает! Спасибо большое!!!
ОтветитьУдалитьтока вот вопрос - почему он ссылку отправляет на блог в целом, а не на пост?
УдалитьОльга, активная ссылка - на конкретный пост. Если что-то пошло не так, проверь, туда ли вставила код
УдалитьПроверила, вставила туда... Таня, можно к тебе за помощью обратиться в этом вопросе?
Удалить