1. Заходим на сайт http://share.pluso.ru/
2. Выбираем социальные сети, кнопки которых хотим добавить в блог:
Можно добавить к основным популярным соцсетям ВКонтакте, Одноклассники, Facebook, Twitter, Google+, Мой мир@Mail.Ru еще Blogger, LiveJornal, В Кругу Друзей, Я.ру. А также сервисы закладок: от Yandex, Yahoo, Google, Бобрдобр. 3. Настраиваем внешний вид социальных кнопок:
5. Если Все нравится - копируем код:
6. В настройках блога ищем пункт Дизайн.
Дальше на схематичном изображении нажимаем Добавить гаджет > Основы > HTML/JavaScript и поле Содержание вставляем код социальных кнопок. И сохраняем гаджет.
Перетаскиваем его в нужное место.
Чтобы вставить вертикальные фиксированные социальные кнопки , нужно (идею взяла здесь):
1) В настройках внешнего вида кнопок выбрать - вертикальные, в одну строку.
Большие или средние - в зависимости от Вашего блога (ширины полей справа или слева).
2) Скопировать код.
3) Вставить код кнопок в новый гаджет (смотри выше шаг 6). Пока не сохранять.
4) Добавить строку в код (для фиксации и расположения социальных кнопок):
-
Если Вы выбрали кнопки с фоном, то в строку
<div class="pluso" data-options="medium,square,line,vertical,nocounter,theme=04"
после слова "pluso" вставить строку:
display:scroll; position:fixed; top:90px; left:50px;
-
Если выбрали кнопки без фона, то также после слова "pluso" вставить строку:
style="display:scroll; position:fixed; top:90px; left:50px;"
5) Нажать Просмотр. Если кнопки далеко "наезжают" на контент блога или не входят по высоте, это можно отредактировать.
top - отступ кнопок от самого верха блога (его можно уменьшить).
left:50px - расположение кнопок слева на расстоянии 50. Я заменила left на right (справа) и уменьшила расстояние до 1px.
ПРИМЕР кода фиксированных вертикальных социальных кнопок по правому краю блога:
<script type="text/javascript">(function() {
if (window.pluso) {return};
var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://x.pluso.ru/pluso-x.js';
var h=d[g]('body')[0];
h.appendChild(s);
})();
</script>
<div class="pluso-engine" style="display:scroll; position:fixed; top:55px; right:1px;" pluso-sharer={"buttons":"vkontakte,odnoklassniki,facebook,twitter,google,moimir,googlebookmark,blogger,
liveinternet,livejournal,myspace,friendfeed,vkrugu,moikrug,email,print,more","style":{"size":"big","shape":"square-corner","theme":"theme05","css":"background:transparent"},"orientation":"vertical","multiline":false} ></div>
6) Сохранить гаджет.
Теперь и на Вашем блоге появятся красивые и яркие социальные кнопки.
источник:
http://samasajt.blogspot.com/2013/04/yarkie-socialnye-knopki.html
0 коммент.:
Отправить комментарий