Плавающий виджет новых социальных закладок

Сменяя один за другим поисковые алгоритмы и усложняя жизнь вебмастеров противоречивыми рекомендациями, Google сохраняет постоянство в одном: при каждом обновлении подчёркивается растущая роль социальных сетей для успешного продвижения и ранжирования блогов.

Очевидно, к этим рекомендациям стоит прислушаться!:)

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

Идеальный вариант — это когда кнопки закладок всё время на виду, не мешая при этом чтению и пониманию статьи.

Виджет, который я вам с удовольствием представляю, безусловно отвечает этим требованиям. Кроме традиционного набора из Twitter, Facebook, и Google + на панель добавлены кнопки Pinterest, Email и ShareThis (содержащей целую армию закладок). Выглядит панель так:

Посмотреть панель социальных закладок в действии можно на странице тестового блога (слева).

Этот виджет отлично себя показал при тестировании в различных браузерах (ради этого пришлось отказаться от плавного перемещения, которое обеспечивается JQuery).

Виджет разработан и доведён до совершенства автором блога MyBloggerTricks.

Установка виджета социальных закладок в Blogger

Всё, как обычно, очень просто:
1. Заходим в свой аккаунт Blogger, выбираем нужный блог (если их несколько)

2. Переходим на вкладку «Шаблон»

3. Сохраняем в целях безопасности резервную копию шаблона на жёсткий диск компьютера

4. Нажимаем «Изменить HTML» — «Приступить»

5. Активируем «Расширить шаблоны виджета»

6. С помощью комбинации Ctrl + F находим строчку

<b:includable id=’post’ var=’post’>

и сразу под ней вставляем код, полученный по этой ссылке

7. Выделенный жёлтым Retliff77 заменяем своим логином в Twitter

8. По умолчанию фон панели белый. Если есть желание его изменить — находим в коде выделенный отрывок #f7f7f7 и вместо него вставляем код своего цвета

9. Сохраняем шаблон

10. Любуемся красивым и функциональным виджетом и ждём притока новых читателей из социальных сетей.

Доброй охоты всем нам!

Ваш Retliff