Как установить SexyBookmarks на свой сайт?

SexyBookmarks - очень удобный плагин для Wordpress, который позволяет пользователям делится закладками на страницы вашего сайта.

В данной заметке будет описано как установить SexyBookmarks на произвольный сайт, используя только Javascript.

Итак, для начала необходимо скачать и распаковать последнюю версию плагина, который находится по адресу http://wordpress.org/extend/plugins/sexybookmarks/stats/.
Из всего архива нам понадобятся только несколько файлов:

• js/sexy-bookmarks-public.js
• css/style.css
• images/shr-sprite.png

Далее, подключаем скрипт и файл стилей, перед тегом </head> добавляюм следующие строчки кода:

<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="js/sexy-bookmarks-public.js"></script>


Выбираем место для размещения кнопок и добавляем HTML-код:

<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-sexy">
    <ul class="socials">
        <li class="shr-linkedin">
            <a class="external" title="Add this to Google Bookmarks" rel="nofollow" href="http://www.linkedin.com" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','www.linkedin.com']);">Add this to LinkedIn</a>
        </li>
        <li class="shr-twitter">
            <a class="external" title="Tweet This!" rel="nofollow" href="http://twitter.com/home" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','twitter.com']);">Tweet This!</a>
        </li>
    </ul>
</div>