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

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

Widget zakladok s podskazkami

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<data:post.body/>

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

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

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

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

Ваш Retliff



Оставьте комментарий