Блоговедение: добавляем кнопки социальных сетей

Posted on
  • воскресенье, 25 августа 2013 г.
  • by
  • ТТатьяна (Татьяна Ковалева)
  • in
  • Ярлыки:
  • Недавно мы рассмотрели, как добавить возможность поделиться статьей в социальных сетях при помощи встроенных средств блоггера.
    Но результат меня не совсем удовлетворил: и кнопки хочется поярче, да и в этом блоге шаблон "не пускает" их.
    Что ж, не получилось родные блоггеровские кнопочки вставить, будем вставлять кнопки со сторонних ресурсов))


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

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


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


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

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



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



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


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


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



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



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

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

    1. Татьяна, а можно как-то кнопочку Pinterest установить?

      ОтветитьУдалить
    2. Ура! работает! Спасибо большое!!!

      ОтветитьУдалить
      Ответы
      1. тока вот вопрос - почему он ссылку отправляет на блог в целом, а не на пост?

        Удалить
      2. Ольга, активная ссылка - на конкретный пост. Если что-то пошло не так, проверь, туда ли вставила код

        Удалить
      3. Проверила, вставила туда... Таня, можно к тебе за помощью обратиться в этом вопросе?

        Удалить