Виджет социальных закладок с подсказками

Примеры социальных закладок с различными эффектами мы уже рассматривали в предыдущих статьях.

Однако, виджет социальных закладок, который я представляю вам сегодня, отличается одной характерной особенностью.


При наведении курсора на определённую кнопку, всплывает подсказка с названием целевой социальной сети, а все остальные кнопки становятся почти невидимыми, полупрозрачными.

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

Вот, как выглядят эти кнопки:

Проверить виджет в действии можно в тестовом блоге.

Эта интересная и красивая разработка на основе CSS3 найдена на блоге Way2blogging.

Для полноценного функционирования кнопок в вашем блоге Blogger, необходимо вставить в шаблон всего 2 кода. Вот подробная инструкция:

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

1. Заходим в Панель инструментов -- Дизайн -- Изменить HTML

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

3. Активируем флажок "Расширить шаблоны виджета"

4. С помощью комбинации Ctrl + F находим строчку </head> и прямо перед ней устанавливаем код, полученный по этой ссылке

5. Находим в шаблоне отрывок

<data:post.body/>

и сразу после него вставляем код виджета

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

7. Заманиваем читателей новой интересной статьёй и наблюдаем за эффектом её мгновенного распространения по социальным закладкам.

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

Ваш Retliff

Сергей Мазураш aka Retliff Блоггер со стажем. Стиль публикаций отличается простотой изложения и весёлым, ироничным подходом к самым серьёзным проблемам. Cпециализируется на создании и продвижении бесплатных блогов на платформе Blogger.

Твитнуть