Новое в блоге
Loading...
15 июн. 2012 г.

Share42 - скрипт кнопок социальных сетей для Blogger (updated)


Всем привет! В прошлой статье "Скрипт кнопок социальных сетей Share42" я описал получение скрипта и вставка кнопок в блог. Так как не у всех получается с этим справиться, решил выложить готовый скрипт Share42 , со всеми популярными социальными сетями. Плюс к этому, по многочисленным просьбам, я покажу как добавить надпись к кнопкам. За время первой публикации статьи, произошли изменения на Share42.com. Самое главное, по моему мнению, добавлена кнопка Google плюс. Вот ещё изменения которые произошли на бесплатном сервисе Share42:
• для вывода панели больше не используется document.write();
 немного изменен процесс установки (5-й пункт);
• добавлены кнопки Google Plus и WebDiscover;
• изменен 5-й пункт процесса установки;
• описание процесса установки вынесено на вкладку "Генератор";
 реализована возможность многократного вывода горизонтального варианта панели; 
• реализован вариант скрипта на jQuery;
• теперь при повтором посещении данного сайта сохраняются выбранные ранее иконки;
• исправлена ошибка в jQuery-варианте скрипта;
• изменена иконка Google Plus;
 изменена иконка Twitter.

Теперь можно приступать к процессу установки скрипта(script) кнопок социальных сетей Share42 в блог

Для начала поглядим скриншот- какие кнопки будем устанавливать:

Популярные кнопки соцсетей для Blogger
Кому подходят эти кнопки социальных сетей, в шаблоне найдите такую строчку <data:post.body/> или такую <div class='post-footer-line post-footer-line-1'> и после неё вставляем скрипт (script) кнопок:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div align='center'>
Если вам понравился материал, расскажите о нем друзьям:
<div align='center'>
<div class="share42init"></div>
<script type="text/javascript" src="http://dl.dropbox.com/u/48089857/share43/share42.js"></script>
<script type="text/javascript">share42('http://dl.dropbox.com/u/48089857/share43/')</script>
</div></div></b:if>
Теперь немного объясню для тех,у кого не получается установить свои выбранные кнопки. Выделенно синим цветом-это ссылка на скрипт, загруженный на dropbox (как пользоваться читайте статью).В ссылке на скрипт менять не чего не надо,а вот ссылку на кнопки немного надо поправить. Вот ссылка на кнопки, которую выдаёт dropbox - http://dl.dropbox.com/u/48089857/share43/icons.png - обратите внимание на окончание ссылки выделенным  красным цветом, вот это надо удалить ( если не удалить, кнопки не будут отображаются в  блоге, поэтому у многих не получается вставить кнопки в блог). Надпись над кнопками Вы можете изменить на свою. Теперь если хотите можно добавить стили кнопок (не обязательно). В шаблоне найдите такую строчку ]]></b:skin> и перед ней вставляем код:
#share42 {
  display: inline-block;
  padding: 6px 0 0 6px;
  background: #FFF;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
}
#share42:hover {
  background: #F6F6F6;
  border: 1px solid #D4D4D4;
  box-shadow: 0 0 5px #DDD;
}
#share42 a {opacity: 0.5;}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}

Вот и всё, сохраните шаблон. Как справились, прошу поделиться в комментариях. Всего доброго. До новых встреч.

Все права на скрипт принадлежат  Share42.com

Ух ты кнопочки! Понравилась статья? Поделитесь с друзьями:

23 коммент. :

  1. Этот комментарий был удален администратором блога.

    ОтветитьУдалить
  2. А расскажите как вставить эти кнопочки под все статьи в блоге?

    ОтветитьУдалить
  3. Не нашла я в шаблоне Блоггера тегов, за которыми нужно вставлять script. Help me!

    ОтветитьУдалить
  4. Поставьте галочку: Расширить шаблоны виджета

    ОтветитьУдалить
  5. блин! не работает чтот! вот блог crazy-journal.ru скрипт правильно становил но не работает=( печально

    ОтветитьУдалить
  6. Попробуйте ещё.Главное внимательно всё делать.

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

    ОтветитьУдалить
  8. Да, заменяет, но всё равно работает.

    ОтветитьУдалить
  9. Добрый день!!! вчера поставил кнопочки по вашему коду, все было ок, но сегодня они пропали!! почему так?

    ОтветитьУдалить
  10. Ну что за бред?! Всё сделала как написано, но кнопки маленькие, не по центру, и надписи перед ними нет!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Вот tak-bivaet.blogspot.com А очень хочется, чтобы было примерно как у вас. Что делать-то?!

    ОтветитьУдалить
  11. на всех сайтах резко пропал этот виджет.

    ОтветитьУдалить
  12. Виталий,у меня всё работает.Конечно бывают неполадки,но редко.

    ОтветитьУдалить
  13. Все прекрасно работало, но исчезло и теперь не могу настроить.
    Заметил, что на многих сайтах такое, вообще на посторонних - пропали кнопки

    ОтветитьУдалить
  14. Привет Виталий!Как видишь у меня на всех блогах работает.

    ОтветитьУдалить
  15. привет Сергей. Да вижу, что у тебя все ок. Буду искать причину неполадки

    ОтветитьУдалить
  16. Виталий, если у тебя часто пропадают кнопки,может попробуешь новый сервис от Pluso.

    ОтветитьУдалить
  17. Сергей спасибо за совет! работают кнопки

    ОтветитьУдалить
  18. огромное спасибо, все получилось, слили ставить не стала- попробовала- у меня стоит виждет вверху(пошли крякозябры), убрала- оставила первую часть- все супер! СПАСИБО!

    ОтветитьУдалить

 
Footer