Социальные кнопки для Blogger

2012/05/16

Зачем нужны социальные кнопки на блоге? Чтобы посетители могли сделать себе закладки как в браузере, так и в социальных сетях и потом быстро найти блог и вернуться на его страницы. И поделиться интересной статьей со своими друзьями. Социальные кнопки часто так и призывают: "Поделиться". И рядом находятся кнопки самых популярных соцсетей - Одноклассники, Мой мир, Facebook, Twitter и другие.

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

И хотя выглядят они довольно невзрачно, отказываться от этих кнопок не стоит. Для того, чтобы социальные кнопки от Blogger отражались в постах,заходим в Дизайн > Сообщения блога > Изменить



В настройках сообщения ставим галочку рядом с тестом Показывать кнопки для публикации:


Нажимаем Сохранить.

Через гаджет можно добавить еще красивую кнопку Поделиться для Blogger от Яндекса.

Для этого заходим на сайт http://api.yandex.ru/share/ (ссылку скопируйте и вставьте в строку поиска Вашего браузера)

Отмечаем галочками социальные сети, кнопки которых Вы добавите на свой блог. Я отметила все 10. 

Выбираем внешний вид блока "Поделиться".

Ниже копируем код в буфер обмена (правой кнопкой мыши > копировать).


Заходим в настройках своего блога на Blogger в Дизайн
Нажимаем Добавить гаджет.


В открывшемся окне находим Добавить гаджет. Нажимаем и во всплывающем небольшом окне "Добавить гаджет" выбираем Основы: 


Далее ищем HTML/JavaScript:


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


И сохраняем результат. 

Есть еще один вариант вставки кнопок добавления в закладки для Blogger.

Зайдите на сайт http://pip.qip.ru/ 

Отметьте галочкой "Где Вы разместите кнопку?" - в блоге на Blogger.

Выберите понравившийся стиль кнопки.


Справа нажмите Получите кнопку Уже хочу! 

И ниже скопируйте предлагаемый код.

Далее также, как кнопку от Яндекса,
вставьте через Добавить гаджет.

Я выбрала второй вариант и пока разместила в самом низу блога в подвале (футере).

Выбирайте сами понравившийся вариант социальных кнопок для Blogger. Или используйте все три. Думаю, что не помешает. 


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

  1. Спасибо, пригодилось. Теперь у меня тоже есть свои кнопочки

    ОтветитьУдалить
    Ответы
    1. Рада, что статья оказалась полезной. Какой вариант кнопок Вы выбрали?

      Удалить
  2. Спасибо, Мария, сделала так, как Вы показали, и всё получилось! Вообще, полезный у Вас блог, добавила в закладки, буду заходить!

    ОтветитьУдалить
    Ответы
    1. Пожалуйста, Елена. Стараюсь создавать подробные инструкции.
      Спасибо за оценку моего блога :)

      Удалить
  3. Благодарю за полезный мануал. Долго не мог поставить необходимые кнопки, а теперь получилось.

    ОтветитьУдалить
    Ответы
    1. Рада за Вас.
      Очень приятно, что еще кому-то помогла эта статья.

      Удалить
  4. Огромное спасибо! Очень полезно и конкретно. Без воды. Редко оставляю отзывы, но тут не удержался. Приглашаю к себе на блог о процветании.

    ОтветитьУдалить
    Ответы
    1. Вам спасибо за комментарий! :)
      На Вашем блоге много полезной информации.

      Удалить
    2. спасибо огромное

      Удалить
  5. Большое спасибо, уже прилепляю :)

    ОтветитьУдалить
    Ответы
    1. Пожалуйста! Удачного "прилепления" :-)

      Удалить
  6. Этот комментарий был удален автором.

    ОтветитьУдалить
  7. Спасибо за понятную пошаговую инструкцию. А как можно социальные кнопки прилепить к статье? В Блоггере присутствуют не все социальные сети)))

    ОтветитьУдалить
    Ответы
    1. Постараюсь в ближайшее время найти информацию. Можно просто под статьей расположить гаджет "Социальные кнопки". Если читатели будут их нажимать - практически всегда автоматически ставится ссылка именно на эту статью. Попробуйте проверить у меня. Единственное, что гаджет стоит после комментариев и кусочек текста берется из них. Его можно тут же отредактировать.

      Удалить
  8. Мария, спасибо огромное!!! мне очень помог Ваш совет!! ))))))

    ОтветитьУдалить
  9. спасибо большое, начала делать дочке блог и много интересного узнала у вас

    ОтветитьУдалить
  10. Спасибо за хорошие комментарии )))

    ОтветитьУдалить
  11. А у меня почему-то не открывается окно "ОСНОВЫ" ( когда я добавляю гаджет). Можете пояснить?

    ОтветитьУдалить
    Ответы
    1. Простите, Вера, что немного запутала Вас. Статью подправила. То есть сначала нажимаете "Добавить гаджет". Откроется окно, где вверху также будет название "Добавить гаджет". Немного ниже увидите слова: "Основы", Избранное и др.

      Удалить
  12. Спасибо, информация помогла! )

    ОтветитьУдалить
  13. Спасибо большое! за доступность для понимания инфы)))

    ОтветитьУдалить
  14. СПАСИБО!А ВЫ МОЖЕТЕ ПОДСКАЗАТЬ,КАК ЧТОБ ЭТОТ ВИДЖЕТ БЫЛ В САМОМ СООБЩЕНИИ,В КОНЦЕ СТАТЬИ А НЕ ПОСЛЕ НЕЕ

    ОтветитьУдалить
  15. Есть такая проблема с кнопкой Facebook. При нажатии переходим на специальную страницу Facebook, где можно выбрать "поделиться в группе". При этом появляется поле, в которое надо ввести название группы. К сожалению, там нет никого списка моих групп, а при вводе названия, пишет ошибку. Подскажите, кто знает, как можно таким образом поделиться ссылкой с группой?

    ОтветитьУдалить
    Ответы
    1. Там, оказалось, надо добиться, что бы название группы все же появилось в выпадающей подсказке и щелкнуть на нее.
      Из этой статьи понял, что главное,- это кнопки в разных уголках сайта))). Улыбнулся с напоминания в блоке кнопок яндекса "Справа еще кнопочки есть"))) Идем жать по кнопочкам.

      Удалить
    2. Рада, что Вы решили проблему )
      Насчет количества соцкнопок на блоге - решайте сами. Главное - не переборщить. Как думаете? )))

      Удалить
  16. Здравствуйте! Подскажите пожалуйста, а как сделать кнопки со ссылками на личные страницы в соц.сетях? Что-то вроду follow me -twitter, -facebook, -vk. Заранее благодарна за ответ;)

    ОтветитьУдалить
    Ответы
    1. О кнопке "твитнуть" в этой статье: http://samasajt.blogspot.com/2013/03/knopki-chitat-v-twitter-twitnut.html

      Про Facebook: http://samasajt.blogspot.ru/2013/03/knopka-podpisatsja-v-facebook.html

      Удалить
  17. Большое спасибо, и мне очень пригодилось.

    ОтветитьУдалить
  18. А как получить соц кнопки как у вас справа?

    ОтветитьУдалить
    Ответы
    1. Посмотрите в статье "Яркие социальные кнопки для Blogger" http://samasajt.blogspot.ru/2013/04/yarkie-socialnye-knopki.html

      Удалить
  19. Молодец! Доступно, кратко, ясно! Сделала все за две минуты!

    ОтветитьУдалить
  20. Скажу кратко, но по-польски:POPROSTU BOMBOWO!!!!

    ОтветитьУдалить
  21. Здравствуйте, Мария. Спасибо Вам. Социальные кнопки на блог установила. Я хотела бы узнать, как поставить социальные кнопки после каждого сообщения?

    ОтветитьУдалить
    Ответы
    1. Здравствуйте, Елена! В статье "Как вставить социальные кнопки в статью" я про это писала: http://samasajt.blogspot.ru/2013/08/kak-vstavit-socialnye-knopki-v-statju.html

      Удалить
  22. Здравствуйте, очень полезная статья. А Вы не подскажите, почему у меня нет кнопки дизайн?

    ОтветитьУдалить
    Ответы
    1. Здравствуйте, Ирина! Кнопки просто не может не быть. Заходите в блог и слева в колонке пункты: Создать сообщение. Обзор. Сообщения. Страницы... Статистика. Прибыль. ДИЗАЙН.

      Удалить
  23. Мария,здравствуйте.
    Спасибо огромное за этот пост,всё понятно.Но,вот только у меня кнопки почему-то оказались внизу в блоге.А я хотела бы их вставить так же справа.Мария,пожалуйста,если можно напишите как это вставить.И ещё,если какие-то кнопки хочется вставить,то я правильно поняла,надо искать их код и вставлять дополнитьельно.Спасибо за помощь.Я столько для себя многое нашла.

    ОтветитьУдалить
    Ответы
    1. Здравствуйте, Светлана. Еще один вариант социальных кнопок и вставка их справа (вертикально) есть здесь: http://samasajt.blogspot.ru/2013/04/yarkie-socialnye-knopki.html

      Удалить

Загляните и на другие страницы ^

Blog Widget by LinkWithin