Новое в блоге
Loading...
1 мая 2013 г.

Социальные кнопки Share This в раздвижном яйце

Привет дорогие друзья! Тема социальных кнопок по моему мнению неисчерпаема. Хорошие люди, постоянно придумывают новые, полезные виджеты для Bloggera. На этот раз я вам представлю виджет раздвижное яйцо (как раз к пасхе). Да, не простое,  а с кнопками социальных сетей Share This. Наводишь на яичко курсором мышки и вдруг, оно начинает эффектно раздвигаться. Ваши посетители спокойно могут поделиться со своими друзьями ссылкой на ваш блог, в социальных сетях. Смотрим, как работает виджет в демо блоге.

Вот оно, раздвижное яйцо Share This в покое:

Share This
А это в потревоженном состояние:

Раздвижное яйцо с соцкнопками
Как установить виджет социальные кнопки Share This в раздвижном яйце

Как всегда заходим в панель инструментов Blogger - Шаблон - Изменить HTML. Находим тег </head> и чуть выше вставляем код:
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

Далее, не отходя от кассы находим следующий тег </body> и добавляем чуть выше этот код:

<div style='position:fixed;bottom:2%;left:2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,&#39;stumbleupon&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});</script>

В первой строчке кода, можете поменять расположение виджета - left (слева) на right (справа). Вот вроде и всё. По моему, ни чего не забыл. Удачи вам и хорошо провести майские праздники. Пока.

Виджет яйцо от MKR.

Ух ты кнопочки! Понравилась статья? Поделитесь с друзьями:

7 коммент. :

  1. Симпатичное яичко! Но мне больше плавающая панель с кнопками "Share" нравится, опять же, спасибо вам! (o)
    P.S. Смайлы не дают мне покоя!))

    ОтветитьУдалить
  2. Спасибо, классненько! (h)

    ОтветитьУдалить
    Ответы
    1. Я всё со своими социальными кнопками морочусь. Даже вот такие элементарные, казалось бы, действия, не дают никакого результата. Не понимаю почему. Даже яйцо не хочет ко мне в блог :(

      Удалить
    2. Может Мария что то не так делаете.Отдохните и заново попробуйте.

      Удалить

 
Footer