Кнопки Addthis для Blogger

Одним из самых популярных сервисов кнопок социальных закладок. Этот сервис предлагает большой выбор кнопок для того, чтобы читателя вашего блога одним кликом мышки могли поделиться интересной записью в twitter, facebook, google + и еще более 300 сервисах
Кроме того, вы можете создать с помощью сервиса кнопки Follow us (следуй за нами) – твиттер, youtube, google +, facebook, RSS и др.
Панели кнопок могут быть следующих видов: горизонтальные, вертикальные, а также иметь различный размер. Новинки сервиса – вертикальная плавающая панель социальных закладок, добавление собственных кнопок и addthis аналитика.

Регистрация на Addthis

Addthis установка кнопок социальных закладок

Для того, чтобы установить кнопки addthis в блог не обязательна регистрация на сервисе. Последняя дает преимущества лишь в предоставлении возможности просмотра статистики привлечения посетителей при помощи addthis.

Добавление плавающей панели кнопок Addthis

Вертикальную плавающую панель социальных закладок вы можете получить здесь во вкладке Get Code. Здесь сначала выберите размер кнопок: большой (large), средний (32x32, medium) или маленький (16x16, small). Нажмите на vies code напротив выбранного размера кнопок.

Просмотр кнопок – во вкладке View Demo.
Скопируйте сгенерированный код:

Вы можете изменить расположение панели, изменив параметры top (отступ сверху в пикселях) и left (отступ от левого края страницы).
Теперь вы можете добавить сбор статистики (для последующего использования данных addthis аналитик). Для этого вы должны вставить самый нижний код скрипта, но вы должны изменить отрезок кода [YOUR PROFILE ID HERE] на ваш профиль ID, который возьмете в настройках аккаунта.

Скрипт вставьте до кода кнопок, которые вы установили только что.

Addthis настройка кнопок

Вы можете также самостоятельно настроить именно нужные вам кнопки addthis, а также определить их последовательность.

<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_vk"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_facebook"></a>
<a class="addthis_button_livejournal"></a>
<a class="addthis_button_mymailru"></a>
<a class="addthis_button_odnoklassniki_ru"></a>
<a class="addthis_button_formspring"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_button_google_plusone"></a>
<a class="addthis_button_email"></a></div>

Коды остальных сервисов вы можете посмотреть на странице. Пример вставки кода кнопки на примере первого сервиса – 100zakladok – копируйте код из колонки Code (выделено желтым) и вставляйте в блок закладок строку <a class="addthis_button_Code"></a>, где Code заменяем на соответствующий код кнопки.  Так код кнопки 100zakladok будет выглядеть следующим образом: <a class="addthis_button_100zakladok"></a>

Настроить кнопки Follow us (ссылок на ваши соц. сети) вы можете по пути Get Addthis –> Follow Tools.

Дайте название виджету (Header), выберите расположение и размер кнопок (Horizontal Large menu – горизонтальное большое меню, Horizontal Small menu – горизонтальное маленькое меню, Vertical Large menu – вертикальное большое меню или Vertical Small menu – вертикальное малнькое меню), выберите нужные кнопки из списка ниже и пропишите ссылки на ваши аккаунты в соцсетях. Нажмите кнопку “Get Code”. Вставьте код в гаджет HTML / JavaScript. Пример кнопок follow us вы можете видеть в разделе Подпишись в сайдбаре (боковой колонке) моего блога.