Кнопки социальных сетей share42 для Blogger

Есть в рунете великолепный сервис, о котором, думаю, многие блогеры уже слышали.
Называется он share42.com, и создал его небезызвестный Dimox.
Его разработка отличается от других сервисов класса "поделиться" (одна кнопка, яндекс, addthis и т.д.) тем, что это настоящий генератор кнопок социальных сетей, т.е., потыкав в веб форме мышкой, вы получаете для загрузки готовый спрайт и скрипт. Далее можно делать с ним всё, что угодно.

Демо с левой стороны страницы вы наверное уже заметили.

Установка в Blogger.
1) Отмечаете нужные кнопки (одноклассники, вконтакте, twitter и т.д.) ↓

2) Выбираете тип панели: горизонтальный (будет располагаться под каждым постом блога) или вертикальный (будет фиксированно висеть сбоку страницы). Снимаете галку, если рекламная иконка сайта share42 не нужна.

3) Скачиваете архив на жёсткий диск, распаковываете. Внутри архива, как я уже говорил, два файлика: скрипт и картинка с кнопками (спрайт).

4) На этом этапе нужно обзавестись хостингом. Бесплатно его можно взять на сайтах Google или у хостеров, типа Hostinger. На хостинге создаёте папку share42 (в корне). Копируете в неё оба файла (скрипт и картинку).

5) Вдумчиво читаете инструкцию по установке (вкладка установка).

6) Где в 4-ом пункте требуется выбрать "статический сайт" и получить вот такие ссылки:
<script type="text/javascript" src="http://site.ru/share42/share42.js"></script>
<script type="text/javascript">share42('http://site.ru/share42/')</script>

Для вертикальных кнопок социальных сетей:
Эти ссылки (заменив site.ru на домен своего хостинга) копируете в html/javascript гаджет Blogger'a или в сам шаблон (через редактор в админке) перед тегом </body>.

Для горизонтальных кнопок социальных сетей:
В шаблоне Blogger нужно отыскать тег <data:post.body/> и вставить после него следующий код:
<b:if cond='data:blog.pageType == "item"'>
ссылки на картинку и скрипт с вашего хостинга
</b:if>

7) На странице установки ещё есть стили. Их тоже нужно скопировать в шаблон перед тегами ]]></b:template-skin> или ]]></b:skin>, смотря какой у вас шаблон.
Как настроить отступы блока с соц. кнопками, описано на странице установка.

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

  1. Привет, этот пост попал в Топ каталога Russian Top Blogspot

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

    ОтветитьУдалить
  3. Проверьте в браузере, чтобы скрипт открывался по указанному адресу.
    И стили вы в правильное место скопировали?

    ОтветитьУдалить
  4. Смешно))) но, у меня не получилось эти кнопки сделать))

    ОтветитьУдалить
  5. А в чём проблема? Там же проще простого. Вон у меня внутри поста они торчат=)

    ОтветитьУдалить
  6. Все сделал по инструкции, не получилось ничего! НЕ показывается!

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

    ОтветитьУдалить
  8. напишу через пробел чтоб его не интерпретировал обратно& # 3 9 ;

    ОтветитьУдалить
  9. Вот тоже самое на моём хостинге - http://blogger.omg-linux.ru/2012/02/share42-widget-knopok-sotsialnih-setey.html. Только что поставил на другой блог, всё работает.

    ОтветитьУдалить
  10. Вообще это кошмар какой то:( уже 2 дня борюсь с этими кнопками, столько вариантов перепробовала не идут:(
    Скрипт есть готовый, но проблема в том что там нет тех кнопок, которые хочу.
    Попробовала ваш совет через хостинг, только через сутки появятся права, посмотрим что будет!

    ОтветитьУдалить
  11. Хостинг можно использовать бесплатный от Гугла с code.google.com. Он очень надёжный.
    Однако я сейчас советую всем Яндекс Поделиться.

    Дело в том, что сейчас Яша, как никогда, смотрит на ретвиты и всякие лайки. А получает он эту информацию быстрее всего через Метрику, которая рапортует обо всех поведенческих действиях пользователя на страницы. А Метрика тесно связана с Яндекс Поделиться, поэтому смысл использовать кнопки от Яндекса есть.

    ОтветитьУдалить
  12. Кнопки позиционируются с лева экрана, как их прижать к странице, как у вас?

    ОтветитьУдалить
    Ответы
    1. Посмотрите исходник этой страницы, там есть стили для этих соц. кнопок.

      Удалить