Виджет социальных сетей

социальные закладкиЭтот стильный виджет закладок отлично впишется в дизайн блога и не займет много рабочего пространства.
Шаг 1 В стартовой панели инструментов Blogger из выпадающего меню вашего блога выберите > Шаблон. Нажмите на кнопку "Изменить HTML". Теперь вы можете приступить к редактированию шаблона. Если вам непонятен первый шаг по установке виджета, то вы можете просмотреть короткое видео.

Шаг 2. Найдите следующий фрагмент кода в блогах сайтов: (Нажмите Ctrl и F, чтобы быстро найти код)

</HEAD>

Шаг 3. Скопируйте и вставьте следующий код перед тегом </HEAD>

<script src='https://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='https://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='https://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

Шаг 4. Найдите следующий фрагмент кода:

</Body>

Шаг 5. Теперь скопируйте и вставьте этот код перед </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>

Важная деталь - изменение положения виджета социальных закладок:
гаджет в настоящее время установлен в правом нижнем углу вашего блога, но вы можете легко изменить его положение. Для этого вам нужно изменить отрезок кода, отмеченный желтым цветом – bottom (положение от нижней границы страницы): 2%; left (расстояние от левого края): 2%. Чем больший процент вы поставите, тем выше или правее вы определите положение виджета социальных закладок.
Шаг 6. Сохраните шаблон.

Если вам понравилась статья, то вы можете поделиться ею с помощью социальных закладок.

3 ответа к «Виджет социальных сетей»

  1. Ничего не вышло. Сделала как написано, но выдало:
    Ошибка при синтаксическом анализе XML (строка 1034, столбец 29): XML document structures must start and end within the same entity.
    Может быть при вставке кода перед HEAD и Body надо нажать enter? Чтобы эти слова по-прежнему оставались вначале строк.

  2. Mycrib, спасибо! У меня получилось! Кнопка прикольная, мало места занимает. Жаль только, что для несведущего человека в закрытом виде она ничего не говорит. Нет у нее хоть какого-то "поделись в…" или "социальные кнопки". Если человек от любопытства илм случайно на нее не наведет курсор, так и не узнает о своих возможностях.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *