Главная                  Об авторе                 Ищут дом                 Доставка и оплата                  МК и выкройки

24 июн. 2013 г.

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

Это вопрос не давал мне покоя последние пару недель! Мы уже обсуждали стоит ли объединять профили blogger и google+. Так вот тогда я считала одним из удобств слияния то, что блоггер сам при публикации поста предлагает разместить его анонс в гугле. Это, и правда, так, только вот не работает с запланированными постами! Мелочь, а неудобно...

Значит, будем делать кнопочки, подумала я, и углубилась в поиски... Вариантов оказалось несколько. Итак, как же разместить кнопки социальных сетей в блоггере?


 Вариант 1: Пользуемся кнопочками, предложенными Blogger


Здесь все просто! Идем в "Дизайн", там нажимаем в блоке "Сообщения блога" слово "Изменить"


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


Нажимаем сохранить и наслаждаемся результатом:) Казалось бы, все хорошо, но... МАЛО! Так что ищем дальше и находим

Вариант 2: Добавляем кнопочки с помощью сайта Qip


Здесь манипуляций чуть больше. Заходим на сайт и выбираем имеющуюся платформу, желаемый вид кнопочек и подтверждаем свой выбор.


Получаем код и вставляем его либо в свой шаблон после <div class='post-footer'> или <div class='post-footer-line post-footer-line-1'> (Шаблон -> Изменить HTML) или в Настройки-Сообщения и комментарии-Шаблон сообщения.

Теперь сохраняем, и при создании каждого нового сообщения получаем автоматически вписанный скрипт для кнопочек (в "Создать" не виден, ищем в "HTML"). В старых сообщениях кнопочки не появились, а потому продолжаем поиск и находим 

Вариант 3: Добавляем кнопочки с помощью сервиса ShareThis


Этот вариант мне приглянулся больше всего. Заходим на сайт и выбираем раздел "Get the button".


Далее три простых шага. Выбираем нашу плаформу.

Определяемся со стилем кнопочек.


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


Кстати, помимо кнопочек, данный сервис позволяет использовать еще плагины типа лайков для фейсбука и еще нескольких сервисов (Other Social Plugins). Мелочь, а приятно!:)

Усе! Составили и радостно жмем на кнопочку Finish: Get the Code! Я не зарегистрирована на этом сайте, поэтому мне предложили создать аккаунт. Тут ничего сложного, лишь ввести мэил и пароль. После меня вернули в предыдущее окно и я нажала Finish еще раз. Если в самом начале сделать свой аккаунт, то этот шаг можно миновать. А вот теперь самое удобное - сайт сам перенаправляет нас на blogger с уже готовым кодом!

Смело жмем "Добавить виджет", а дальше размещаем его в менюшке Дизайн в удобном для нас месте. Я вот люблю, чтобы такие вещи находились под блоком сообщений. 

Если хочется просто кнопочки без подписей, как у меня, то немного редактируем полученный код, удаляя надписи в квадратных скобках. Думаю, по картинке принцип ясен.
На этом варианте, пожалуй, и остановимся, поскольку здесь есть все, что мы искали: достойный выбор кнопок и удобство установки:) 


Часто используемых нам всем кнопочек!
Ваша Теремошка



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

  1. Какое счастье, Аня, что вот этим у меня занимается Валерий Иванович, я бы точно ум сломала и хромала бы на одно полушарие всю оставшуюся жизнь...

    А тобою восхищаюсь... Ты, Аня, молодчинка, такую страшную махину осилить!...

    ОтветитьУдалить
    Ответы
    1. Спасибо, Оля! Да, тебе повезло:) Мой мозг несмотря на мужа-программиста вынужден обыо вскипать сам:)))

      Удалить
  2. спасибо )) очень полезно))) завтра буду шаманить над блогом))

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

    ОтветитьУдалить
    Ответы
    1. Яна, у меня сделано с помощью linkwithin, если это интересно, я постараюсь в ближайшие дни подробно все описать:)

      Удалить
    2. Ань, спасибо, у меня тоже этот сервис, но не устраивает совсем. Будем искать с перламутровыми пуговицами.

      Удалить
  4. Яна, а что не устраивает? Я знаю, что даже без сервисов как-то делают, но пока не добилась от мужа попытки понять как:)))

    ОтветитьУдалить
  5. Спасибо, очень полезная инфа. Утащу к себе :)

    ОтветитьУдалить
    Ответы
    1. Оля, пожалуйста, рада, что оказалось полезным:)

      Удалить

ShareThis