2012-05-05

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

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


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

Шаг 3. Скопируйте и вставьте следующий код перед тегом </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'/>

Шаг 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 комментария :

RusaLena комментирует...

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

Mycrib комментирует...

RusaLena, нашла ошибку в коде. Исправила. Сейчас коды рабочие, попробуйте еще раз.

RusaLena комментирует...

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

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

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML
Публикуя комментарии, вы соглашаетесь с политикой конфиденциальности