Социальные кнопки для сайта

Социальные кнопки для сайта

Социальные кнопки на сайте осуществляют определенную помощь в его продвижении. Чтобы о статье на сайте узнали друзья, эти кнопки позволят читателю быстро и оперативно поделиться с ними через социальные сети.

Без социальных кнопок сейчас не обходится почти ни один сайт. Жизнь многих людей протекает в социальных сетях, поэтому надо дать им возможность зайти в любимую «социалку», чтобы хорошую информацию донести до своих друзей. Именно для этого, веб-мастера стремятся расширить присутствие своих сайтов в соцсетях любыми доступными методами. Там лежат тонны потенциального трафика, который нужен абсолютно всем. Поток посетителей – это деньги, репутация, рост. Всё строится вокруг него.

Социальные кнопки необходимы и это очевидно. Вопрос стоит в техническом исполнении для установки на сайт или блог.

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

Для добавления кода кнопок на сайт рассмотрим сервис Pluso, который предлагает яркие функциональные кнопки.

  1. Заходим на сайт http://share.pluso.ru/
  2. Выбираем социальные сети, кнопки которых хотим добавить в блог:

Добавляем популярные соцсети — ВКонтакте, Одноклассники, Facebook, Twitter, Google+, Мой мир@Mail.Ru еще Blogger, LiveJornal, В Кругу Друзей, Я.ру. А также сервисы закладок: от Yandex, Yahoo, Google, Бобрдобр.

  1. Настраиваем внешний вид социальных кнопок:

большие/средние/мелкие

квадратные/круглые

в одну строку/в две строки

горизонтальные/вертикальные

со счетчиком/без счетчика

без фона/с фоном

  1. Слева можем осуществить предпросмотр кнопочек. Например:

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.

ПРИМЕР кода фиксированных вертикальных социальных кнопок по правому краю блога:

6) Сохранить гаджет.

Теперь и на Вашем блоге появятся красивые и яркие социальные кнопки.

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

Ваш адрес email не будет опубликован.