В статье "Кнопки социальных сетей share42 для Blogger" я описал процесс получения скрипта c кнопоками и установку их в блог.
Судя по комментариям и письмам, не все справились с данной задачей, и возник ряд сложностей.
Я решил максимально упростить установку кнопок социальных сетей share42 для Blogger и подготовил специальный виджет социальных кнопок cо всеми русскими сервисами:
Живое демо можете посмотреть внутри первой статьи (см. ссылку в начале топика).
Вертикальный виджет:
Установка простая, в "один клик".
Создаёте в админке 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 == "item"'>
<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:
Какие то разрывы у тебя тут на блоге) решил вновь статью эту написать))
ОтветитьУдалитьНадоело объяснять, как завести хостинг и куда класть кнопки.
ОтветитьУдалитьКстати, меня в дискусе забанили.
Да, точно. Был разрыв на странице.
ОтветитьУдалитьВ Minus.com есть классная функция показа скриптов в виде прокручиваемой полосы. Только что заметил, что эту полосу видно только авторизованным пользователям, а жаль.
Интересно, Спасибо.
ОтветитьУдалитьКак сделать все то же, только ГОРИЗОНТАЛЬНЫЕ кнопки? Спасибо!
ОтветитьУдалитьСделал горизонтальный вариант.
ОтветитьУдалитьИнтересно, но я в этом ничего не понимаю:) У меня вроде есть в шаблоне, какие-то кнопки.. или я не о тех кнопках пишу.
ОтветитьУдалитьДа, это тоже самое в шаблоне. Встроенный вариант от Blogger'а, он некрасивый и, как правило, эти кнопки народ отключает.
ОтветитьУдалитьЯсненько:) спасибо за ответ.
ОтветитьУдалитьмат не одобряется?????
ОтветитьУдалитьипануца тогда...вроде ругаюсь а вроде и нет)))
у меня 4 таких тега при чем один из них заключен в тег p...как быть???
Ну не знаю насчёт нецензурной лексики, бывает, что вебстроительство так достанет, что и мата не хватает=).
ОтветитьУдалитьПо поводу тега: любой код проверяется на работоспособность и постигается его тайный смысл на тестовом блоге с дефолтовым шаблоном. Когда разберётесь, что к чему, тогда методом научного тыка находите правильный тег в шаблоне рабочего блога и переносите код на правильное место.
Поставив у себе вертикальні кнопки з твого прикладу, все працює супер, але коли хочу поставити не повний перелік, а тільки ті що вибрав сам, нічого не виходить. Папку і файл скрипту виставив в пабліку на Дропбокс.ком виходить такий шлях - http://dl.dropbox.com/u/3397638/share42/share42.js (до папки відповідно такий же), але коли в твому коді міняю шлях до папки, видно що все гаразд бо міняє картинки, а от коли міняю безпосередньо шлях до скрипта (його сформував на сайті шара42), взагалі нічого не показує. В чому може бути справа??? Наперед дякую.
ОтветитьУдалитьНа скільки я зрозумів, у вас проблема з скриптом. Може він не хоче виконуватися на Dropbox. Спробуйте покласти скрипт на хостинг http://code.google.com/hosting/createProject
ОтветитьУдалитьВсе сразу получилось! Спасибо!
ОтветитьУдалитьспасибо за статью ) но вот есть небольшая загвоздка.
ОтветитьУдалитьпри вставке вашего кода - все работает отлично. но как только пытаюсь изменить путь и ставить свои - кнопок нет ( оба файла залиты у меня на гугл. в чем может быть проблема?
ЗДРАВСТВУЙТЕ,Я ИЩУ СОЦИАЛЬНВЕ КНОПКИ,ЧТОЬЫ КЛИКНУВ НА ЕЁ,ЛЮДИ МОГЛИ ПОПАСТЬ НА МОЮ СТРАНИЦУ FACEBOOK,TWITTER и т.д....Спаибо!
ОтветитьУдалитьУ меня нет в редакторе в тэга . (поиском не находится). Как его создать? Извините, я лузер, спасибо.
ОтветитьУдалитьПоиск в браузере ctrl+f, запрос data:post.body. Нету?
ОтветитьУдалитьВсе получилось, спасибо! Вот вопрос:как сделать, чтобы при клике (например, в Фейсбук),ссылка высвечивалась с картинкой и навзванием темы.У меня же выходит только: Blogger:Sign in.
ОтветитьУдалитьНужно быть на этот момент авторизованным в фейсбуке.
ОтветитьУдалитьКак я понимаю, этого сайта больше не существует, равно как и скрипта?
ОтветитьУдалитьДа, надо закрыть статью.
УдалитьДумаю, вам сюда -> http://www.magentawave.com/2012/10/share42-social-buttons-on-blogger.html
Хотя я рекомендую ставить Яндекс Поделиться -> http://wiki.omg-linux.ru/ustanovka-knopok-ot-yandeks-podelitsya.htm
От сервиса Яндекса в разы больше толка, поскольку все данные сливаются в Метрику.