Share42 - Виджет кнопок социальных сетей для Blogger

share42 knopki

В статье "Кнопки социальных сетей share42 для Blogger" я описал процесс получения скрипта c кнопоками и установку их в блог.
Судя по комментариям и письмам, не все справились с данной задачей, и возник ряд сложностей.

Я решил максимально упростить установку кнопок социальных сетей share42 для Blogger и подготовил специальный виджет социальных кнопок cо всеми русскими сервисами:

share42 social buttons knopki widget

seo buttons share42 blogger


Живое демо можете посмотреть внутри первой статьи (см. ссылку в начале топика).

Вертикальный виджет:
Установка простая, в "один клик".
Создаёте в админке Blogger'а html/javascript гаджет и вставляете внутрь:
<div id="share42init" style="position: fixed;margin: 0px;padding: 0px;top:100px;left: 0px;list-style: none;z-index:9999;"></div>
<script type="text/javascript" src="http://blogabloger.ru/share42/share42.js"></script>
<script type="text/javascript">share42('http://blogabloger.ru/share42/')</script>
<link type='text/css' rel='stylesheet' href='http://blogabloger.ru/share42/share42.css' />
Где:
top:100px - регулирует отступ от верхнего края страницы.
left:0px - регулирует расстояние от левого украя страницы

Горизонтальный виджет:
Зайти в редактор шаблона, сделать резервную копию.
Потом найти тег <data:post.body/> и вставить после него:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id="share42init">
</div>
<script type="text/javascript" src="http://blogabloger.ru/share42/gorizontal/share42.js"></script>
<script type="text/javascript">share42('http://blogabloger.ru/share42/gorizontal/')</script>
<link type='text/css' rel='stylesheet' href='http://blogabloger.ru/share42/gorizontal/share42.css' />
</b:if>

На всякий случай можете вставить и тот и другой код между тегами noindex.

Никаких подлянок в виде скрытых ссылок в виджете нет. Все права принадлежат share42.com.

Заодно можете протестировать кнопку плюсомёта и плюсануть на bBR:

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

  1. Какие то разрывы у тебя тут на блоге) решил вновь статью эту написать))

    ОтветитьУдалить
  2. Надоело объяснять, как завести хостинг и куда класть кнопки.
    Кстати, меня в дискусе забанили.

    ОтветитьУдалить
  3. Да, точно. Был разрыв на странице.
    В Minus.com есть классная функция показа скриптов в виде прокручиваемой полосы. Только что заметил, что эту полосу видно только авторизованным пользователям, а жаль.

    ОтветитьУдалить
  4. Как сделать все то же, только ГОРИЗОНТАЛЬНЫЕ кнопки? Спасибо!

    ОтветитьУдалить
  5. Сделал горизонтальный вариант.

    ОтветитьУдалить
  6. Интересно, но я в этом ничего не понимаю:) У меня вроде есть в шаблоне, какие-то кнопки.. или я не о тех кнопках пишу.

    ОтветитьУдалить
  7. Да, это тоже самое в шаблоне. Встроенный вариант от Blogger'а, он некрасивый и, как правило, эти кнопки народ отключает.

    ОтветитьУдалить
  8. Ясненько:) спасибо за ответ.

    ОтветитьУдалить
  9. мат не одобряется?????
    ипануца тогда...вроде ругаюсь а вроде и нет)))
    у меня 4 таких тега при чем один из них заключен в тег p...как быть???

    ОтветитьУдалить
  10. Ну не знаю насчёт нецензурной лексики, бывает, что вебстроительство так достанет, что и мата не хватает=).
    По поводу тега: любой код проверяется на работоспособность и постигается его тайный смысл на тестовом блоге с дефолтовым шаблоном. Когда разберётесь, что к чему, тогда методом научного тыка находите правильный тег в шаблоне рабочего блога и переносите код на правильное место.

    ОтветитьУдалить
  11. Поставив у себе вертикальні кнопки з твого прикладу, все працює супер, але коли хочу поставити не повний перелік, а тільки ті що вибрав сам, нічого не виходить. Папку і файл скрипту виставив в пабліку на Дропбокс.ком виходить такий шлях - http://dl.dropbox.com/u/3397638/share42/share42.js (до папки відповідно такий же), але коли в твому коді міняю шлях до папки, видно що все гаразд бо міняє картинки, а от коли міняю безпосередньо шлях до скрипта (його сформував на сайті шара42), взагалі нічого не показує. В чому може бути справа??? Наперед дякую.

    ОтветитьУдалить
  12. На скільки я зрозумів, у вас проблема з скриптом. Може він не хоче виконуватися на Dropbox. Спробуйте покласти скрипт на хостинг http://code.google.com/hosting/createProject

    ОтветитьУдалить
  13. Все сразу получилось! Спасибо!

    ОтветитьУдалить
  14. спасибо за статью ) но вот есть небольшая загвоздка.
    при вставке вашего кода - все работает отлично. но как только пытаюсь изменить путь и ставить свои - кнопок нет ( оба файла залиты у меня на гугл. в чем может быть проблема?

    ОтветитьУдалить
  15. ЗДРАВСТВУЙТЕ,Я ИЩУ СОЦИАЛЬНВЕ КНОПКИ,ЧТОЬЫ КЛИКНУВ НА ЕЁ,ЛЮДИ МОГЛИ ПОПАСТЬ НА МОЮ СТРАНИЦУ FACEBOOK,TWITTER и т.д....Спаибо!

    ОтветитьУдалить
  16. У меня нет в редакторе в тэга . (поиском не находится). Как его создать? Извините, я лузер, спасибо.

    ОтветитьУдалить
  17. Поиск в браузере ctrl+f, запрос data:post.body. Нету?

    ОтветитьУдалить
  18. Все получилось, спасибо! Вот вопрос:как сделать, чтобы при клике (например, в Фейсбук),ссылка высвечивалась с картинкой и навзванием темы.У меня же выходит только: Blogger:Sign in.

    ОтветитьУдалить
  19. Нужно быть на этот момент авторизованным в фейсбуке.

    ОтветитьУдалить
  20. Как я понимаю, этого сайта больше не существует, равно как и скрипта?

    ОтветитьУдалить
    Ответы
    1. Да, надо закрыть статью.
      Думаю, вам сюда -> http://www.magentawave.com/2012/10/share42-social-buttons-on-blogger.html
      Хотя я рекомендую ставить Яндекс Поделиться -> http://wiki.omg-linux.ru/ustanovka-knopok-ot-yandeks-podelitsya.htm
      От сервиса Яндекса в разы больше толка, поскольку все данные сливаются в Метрику.

      Удалить