Ставим социальные кнопки на сайт. Кнопки социальных сетей для сайта

Видеоурок и статья научат ставить на сайт социальные кнопки Twitter, Facebook, ВКонтакте, Мой Мир, Одноклассники, Яндекс, Google+1 без плагинов. В статье даны скрипты, полученные на сайтах этих социальных сетей.

Для привлечения посетителей, продвижения и раскрутки сайта в социальных сетях существует два способа SMO (Social Media Optimization) и SMM (Social Media Marketing). Это два различных комплекса мероприятий, которые выполняются следующим образом:

SMM  – внутри социальных сетей;

SMO –  на сайте.

В данной статье воспользуемся одним из пунктов SMO – оптимизации – это установка социальных кнопок на сайт.


Наши кнопки будут установлены в конце каждой записи нашего сайта.

Перед тем, как занести скрипты на наш сайт, удобно подготовить их в блокноте. Для этого открываем через кнопку “Пуск” на компьютере программу “Блокнот” и подготавливаем в нем следующий шаблон:

===============Начало шаблона=======================================
Устанавливаем социальные кнопки Twitter, Facebook, ВКонтакте, Твой Мир,
Одноклассники, Яндекс, Googl +1
--------------------------------------------------------------------
Вставить перед закрывающим </head> в файл header.php:
-------
<!-- Скрипт для кнопок Поделиться в соцсетях (ВКонтакте)-->
<!-- /Скрипт для кнопок Поделиться в соцсетях (ВКонтакте)-->
--------------------------------------------------------------------
Вставить в плагин Header and Footer в пункте меню:
"Page Head and Footer", в поле "Code to be added on HEAD section of every page"
(после открывающего <body>)
-------
<!-- Скрипт для кнопки Facebook Мне нравится -->
<!-- / Скрипт для кнопки Facebook Мне нравится -->
------
<!-- Скрипт для кнопки Яндекс -->
<!-- /Скрипт для кнопки Яндекс -->
------
<!-- Скрипт для кнопки google +1 -->
<!-- /Скрипт для кнопки google +1 -->
--------------------------------------------------------------------
Вставить в плагин Header and Footer в пункте меню:
"Post content", в поле Code to be inserted after each post.
(Вставка кода после каждого поста категории).
-----
<!-- Все социальные кнопки -->
<!-- /Все социальные кнопки -->
================Конец шаблона=======================================

После того, как все скрипты будут собраны в “Блокноте” перенесём их с помощью админпанели на сайт. Для этого рекомендую воспользоваться плагином Header and Footer. Если он у Вас ещё не установлен, рекомендую установить. Подробнее об этом плагине можно почитать в моей статье: “Header and Footer. Как вставить код на сайт”

С помощью этого плагина можно вставлять скрипты между открывающим и закрывающим тегами body.

 

Кнопка социальной сети “Twitter”

 

Кнопка TwitterДавайте начнём установку с кнопки Twitter. Вводим ссылку в командном окне браузера

twitter.com/about/resources/buttons#tweet

и попадаем на такую страницу:

Код кнопки Twitter

Я рекомендую использовать кнопки со счетчиками, которые показаны на первом рисунке. Если человек увидел на счетчике, что уже кто-то поделился статьей с друзьями, ему так же захочется поделится этой статьёй и он непременно воспользуется кнопками социальных сетей.

На странице Twitter подберём параметры и получим код для расположения кнопки на нашем сайте.

Выбираем вид кнопки со счетчиком.

Теперь подбираем параметры:

– если мы хотим, чтобы в Twitter отправлялась ссылка текущей страницы нашего сайта, отмечаем “использовать URL-адрес страницы”. Если поставить точку возле окошка ниже, можно ввести адрес другой страницы. Оставляем адрес текущей страницы;

– в поле “Текст” можно использовать название текущей страницы, а поставив точку возле окошка, можно ввести другой заголовок. Оставляем заголовок текущей страницы;

– ставим отметку “Показывать счетчик”;

– в поле “Через” желательно вводить свой логин;

– можно заполнить поля “Рекомендовать” и “Отметить”, я не заполняла;

– выбираем размер кнопки не большой;

– выбираем язык: “Русский”.

После выбора вида кнопки и параметров видим в окошке сформировавшийся код нашей кнопки Twitter. Код имеет примерно такой вид:

<a href="https://twitter.com/share" class="twitter-share-button" 
data-lang="ru">Твитнуть</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];
if(!d.getElementById(id))
{js=d.createElement(s);
js.id=id;js.src="//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js,fjs);
}}(document,"script","twitter-wjs");</script>

Копируем его и вставляем в наш шаблон в “Блокноте” в то место, где будет находится наша кнопка между строками:

<!– Все социальные кнопки –>
<!– /Все социальные кнопки –>

 

Кнопка социальной сети “Facebook”

 

Кнопка FacebookСформируем код для кнопки Facebook. Для этого набрав в командном окне браузера

developers.facebook.com/docs/reference/plugins/like/

попадаем на страницу с английским текстом. Рекомендую использовать браузер Google Chrome, в котором легко переводится текст на русский язык. В результате перевода получаем следующую страницу:

Получение кода кнопки Facebook

Подберём параметры для нашей кнопки Facebook.

– если ничего не вводить в первое поле, в Facebook отправится текущая страница нашего сайта. Если хотим отправить другую страницу, задаем в окошке её URL (ссылку);

– поставив или убрав флажок в чекбоксе “Отправить кнопки”, можно изменить вид кнопки, я убираю флажок;

– выбираем “Макет Стиль” нашей кнопки button-count со счетчиком справа;

– можно изменить ширину кнопки, оставляю по умолчанию;

– в чекбоксе “Показать лица” убираю флажок. Если галочку оставить можно видеть лица людей, поделившихся статьей;

– текст на кнопке выбрать: “Я рекомендую” или “Мне нравится”;

– цвет кнопки сделать тёмным или светлым;

– поменять шрифт текста на кнопке.

Выбрав параметры нажимаем: “Получить код”.

Код кнопки Facebook

Наш код состоит из двух частей. Первую часть кода, которая имеет примерно такой вид:

<div id="fb-root"></div>
<script>(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

копируем и вставляем в наш шаблон в “Блокноте”, для последующей  вставки после открывающего тега <body> между этими строками:

<!– Скрипт для кнопки Facebook Мне нравится –>
<!– / Скрипт для кнопки Facebook Мне нравится –>

Вторую часть кода, имеющего примерно такой вид:

<div class="fb-like"
 data-send="false" data-layout="button_count" 
data-width="450" data-show-faces="false"></div>

вставляем в то место, где будет размещена наша кнопка. В шаблоне это после кода кнопки Twitter между строками:

<!– Все социальные кнопки –>
<!– /Все социальные кнопки –>

 

Кнопка социальной сети “ВКонтакте”

 

Кнопка ВКонтактеДля получения кнопки ВКонтакте необходимо быть зарегистрированным в данной социальной сети. Зарегистрироваться и войти в свой аккаунт можно по ссылке vk.com.

После регистрации переходим на страницу

vk.com/developers.php?o=-1&p=Like

где будем получать код нашей кнопки ВКонтакте.

Получение кода кнопки ВКонтакте

После авторизации обновляем данную страницу и в окне: “Сайт/приложение” вместо такой надписи:

Необходимо авторизоваться ВКонтакте

у нас появляется наименование нашего сайта.

Выбираем параметры нашей кнопки:

– “Варианты кнопок” – выбираем кнопку с миниатюрным счетчиком;

– “Высота кнопки” – 20px;

– “Название кнопки” – “Мне нравится”;

Получаем код кнопки, состоящий из двух частей. Первая часть кода имеет примерно такой вид:

<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" 
src="http://userapi.com/js/api/openapi.js?##"></script>
<script type="text/javascript">
VK.init({apiId: #######, onlyWidgets: true});</script>

Здесь вместо значков ## и ####### должны стоять цифры из Вашего кода.

Вставляем первую часть кода в шаблон “Блокнота” для дальнейшего расположения его перед закрывающим тегом </head> между строками:

<!– Скрипт для кнопок Поделиться в соцсетях (ВКонтакте)–>
<!– /Скрипт для кнопок Поделиться в соцсетях (ВКонтакте)–>

Вторая часть кода имеет примерно такой вид:

<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button", height: 20});
</script>

Вставляем вторую часть кода в то место, где будет находиться кнопка ВКонтакте. В нашем шаблоне после кода кнопки Facebook между строками:

<!– Все социальные кнопки –>
<!– /Все социальные кнопки –>

Кнопки социальных сетей “Мой Мир@Mail.Ru” и “Одноклассники”

 

Кнопка Мой Мир и ОдноклассникиСформируем коды кнопок Мой Мир и Одноклассники. Так как эти две  социальные сети принадлежат одному хозяину – коды двух кнопок получим на одной странице. Набираем в браузере

api.mail.ru/sites/plugins/share/

и попадаем на страницу:

Кнопки Мой Мир и Одноклассники

Выбираем параметры кнопок:

Получение кодов кнопок Мой Мир и Одноклассники

– тип кнопок – выбираем с надписью;

– надписи на кнопках;

– наличие счетчиков на кнопках;

– если у нас выбран тип кнопок без надписи – можно разрешить надписи перед кнопками или запретить, отметив чекбокс “Текст на кнопке”;

– ширина кнопок в процентах;

– очищаем поле “URL страницы”, чтобы  в социальные сети Мой Мир и Одноклассники отправлялась текущая страница сайта. Если хотите отправлять другую страницу – задайте её URL.

Полученный код кнопок

<a target="_blank"
 class="mrc__plugin_uber_like_button" 
href="http://connect.mail.ru/share" data-mrc-config="{'type' : 
'button', 'caption-mm' : '1', 'caption-ok' : '1', 'counter' : 'true',
 'text' : 'true', 'width' : '100%'}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" 
type="text/javascript" charset="UTF-8"></script>

копируем и вставляем в то место шаблона, где будут расположены наши кнопки социальных сетей после кнопки ВКонтакте между строками:

<!– Все социальные кнопки –>
<!– /Все социальные кнопки –>

Кнопка Я.ру социальной сети Яндекс

 

Кнопка Я.руДля получения социальной кнопки Я.ру набираем в браузере

my.ya.ru/share.xml

и попадаем на страницу:

Получение кода кнопки Я.ру

Подбираем параметры для нашей кнопки:

– размер (маленький, большой);

– стиль (кнопка, иконка);

– наличие счетчика (нет, есть);

– текст кнопки (поделиться или произвольный текст). Если выбрать “Произвольный текст” – открывается окно ввода текста и можно вводить любой текст;

– ссылка для публикации (URL текущей страницы, произвольный URL). Если выбрать “Произвольный URL” – можно вводить его в открывшемся окне;

– заголовок (заголовок текущей страницы, произвольный заголовок). Если выбрать “Произвольный заголовок” – можно ввести свой заголовок в открывшемся окне.

В полученном коде отделяем первую строку, которая имеет следующий вид:

<a counter="yes" type="icon" size="large" name="ya-share"> </a>

и вставляем в то место шаблона, где будут расположены наши кнопки социальных сетей после кнопок Мой Мир и Одноклассники  между строками:

<!– Все социальные кнопки –>
<!– /Все социальные кнопки –>

Остальную часть кода

<script charset="utf-8"
 type="text/javascript">if (window.Ya && window.Ya.Share)
{Ya.Share.update();} else {(function(){if(!window.Ya) { window.Ya = 
{} };Ya.STATIC_BASE = 'http:\/\/yandex.st\/wow\/2.6.6\/static';
Ya.START_BASE = 'http:\/\/my.ya.ru\/';
varshareScript = document.createElement("script");
shareScript.type ="text/javascript";shareScript.async = "true";
shareScript.charset = "utf-8";
shareScript.src =Ya.STATIC_BASE + "/js/api/Share.js";
(document.getElementsByTagName("head")[0] ||
document.body).appendChild(shareScript);})();}</script>

вставляем в шаблон в блокноте для дальнейшего расположения после открывающего <body>. Сейчас вставляем между строками:

<!– Скрипт для кнопки Яндекс –>
<!– /Скрипт для кнопки Яндекс –>

 

Кнопка +1 социальной сети Google

 

Кнопка g+1Сформируем код социальной кнопки +1. Для этого набираем в браузере

google.com/webmasters/+1/button/index.html

и попадаем на следующую страницу:

Получение кода кнопки +1

Подбираем параметры для нашей кнопки +1, идём от нижнего к верхнему:

– выбираем язык – русский;

– аннотацию (annotation). Если выбрать “Встроенное” – кнопка примет вид без счетчика, но с лицами и информацией о количестве нажатий  на кнопку.  При выборе “Нет” исчезает счетчик и вся информация, остаётся только кнопка. Выбираем “Всплывающее” – это кнопка со счетчиком;

– после выбора аннотации подбираем размер кнопки, рекомендую выбрать “Стандартный”.

После подбора параметров сформировался код. Наш код состоит из двух частей. Первую часть кода

<!-- Поместите этот тег туда, где должна отображаться кнопка +1-->
<g:plusone></g:plusone>

помещаем туда, где будет располагаться кнопка +1, в шаблоне блокнота после кода кнопки Я.ру между строками :

<!– Все социальные кнопки –>
<!– /Все социальные кнопки –>

А вторую часть кода

<!-- Поместите этот вызов функции отображения в соответствующее место. -->
<script type="text/javascript">
  window.___gcfg = {lang: 'ru'};

  (function() {
    var po = document.createElement('script'); 
    po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; 
s.parentNode.insertBefore(po, s); 
})();</script>

после открывающего <body> между строками:

<!– Скрипт для кнопки google +1 –>
<!– /Скрипт для кнопки google +1 –>

 

Вставка кнопок социальных сетей в админпанель сайта

 

После того, как коды наших кнопок получены и занесены в “Блокнот”, шаблон приобрел такой вид:

===============Начало шаблона=======================================
Устанавливаем социальные кнопки Twitter, Facebook, ВКонтакте, Твой Мир,
Одноклассники, Яндекс, Googl +1
--------------------------------------------------------------------
Вставить перед закрывающим </head> в файл header.php:
-------
<!-- Скрипт для кнопок Поделиться в соцсетях (ВКонтакте)-->
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" 
src="http://userapi.com/js/api/openapi.js?##"></script>
<script type="text/javascript">
VK.init({apiId: #######, onlyWidgets: true});</script>
<!-- Здесь вместо значков ## и ####### должны стоять цифры из Вашего кода -->
<!-- /Скрипт для кнопок Поделиться в соцсетях (ВКонтакте)-->
--------------------------------------------------------------------
Вставить в плагин Header and Footer в пункте меню:
"Page Head and Footer", в поле "Code to be added on HEAD section of every page"
(после открывающего <body>)
-------
<!-- Скрипт для кнопки Facebook Мне нравится -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- / Скрипт для кнопки Facebook Мне нравится -->
------
<!-- Скрипт для кнопки Яндекс -->
<script charset="utf-8"
 type="text/javascript">if (window.Ya && window.Ya.Share)
{Ya.Share.update();} else {(function(){if(!window.Ya) { window.Ya = 
{} };Ya.STATIC_BASE = 'http:\/\/yandex.st\/wow\/2.6.6\/static';
Ya.START_BASE = 'http:\/\/my.ya.ru\/';
varshareScript = document.createElement("script");
shareScript.type ="text/javascript";shareScript.async = "true";
shareScript.charset = "utf-8";
shareScript.src =Ya.STATIC_BASE + "/js/api/Share.js";
(document.getElementsByTagName("head")[0] ||
document.body).appendChild(shareScript);})();}</script>
<!-- /Скрипт для кнопки Яндекс -->
------
<!-- Скрипт для кнопки google +1 -->
<script type="text/javascript">
  window.___gcfg = {lang: 'ru'};

  (function() {
    var po = document.createElement('script'); 
    po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; 
s.parentNode.insertBefore(po, s); 
})();</script>
<!-- /Скрипт для кнопки google +1 -->
--------------------------------------------------------------------
Вставить в плагин Header and Footer в пункте меню:
"Post content", в поле Code to be inserted after each post.
(Вставка кода после каждого поста категории).
-----
<!-- Все социальные кнопки -->
<!-- Код кнопки Twitter-->
<a href="https://twitter.com/share" class="twitter-share-button" 
data-lang="ru">Твитнуть</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];
if(!d.getElementById(id))
{js=d.createElement(s);
js.id=id;js.src="//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js,fjs);
}}(document,"script","twitter-wjs");</script>

<!-- Код кнопки Facebook -->
<div class="fb-like"
 data-send="false" data-layout="button_count" 
data-width="450" data-show-faces="false"></div>

<!-- Код кнопки ВКонтакте -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button", height: 20});
</script>

<!-- Код кнопки Мой Мир и Одноклассники -->
<a target="_blank"
 class="mrc__plugin_uber_like_button" 
href="http://connect.mail.ru/share" data-mrc-config="{'type' : 
'button', 'caption-mm' : '1', 'caption-ok' : '1', 'counter' : 'true',
 'text' : 'true', 'width' : '100%'}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" 
type="text/javascript" charset="UTF-8"></script>

<!-- Код кнопки Я.ру -->
<a counter="yes" type="icon" size="large" name="ya-share"> </a>

<!-- Код кнопки google +1 -->
<g:plusone></g:plusone>

<!-- /Все социальные кнопки -->
================Конец шаблона=======================================

Теперь необходимо перенести коды наших кнопок в админпанель сайта. Для этого заходим в админпанель, а в “Блокноте” смотрим, куда нам необходимо занести первый скрипт.

Первый скрипт нам нужно занести в файл header.php перед закрывающим тегом </head>. Копируем наш скрипт для кнопки ВКонтакте в шаблоне “Блокнота”, открываем в меню админпанели Дизайн=>Редактор, открываем файл header.php, находим закрывающий тег </head> и перед ним вставляем наш скрипт.

Не выходим из этого файла и смотрим в шаблоне “Блокнота”, куда нам нужно вставить следующий скрипт. Этот скрипт необходимо вставить после открывающего тега <body>. Для этого копируем наш скрипт и вставляем либо в этот же файл header.php после открывающего тега <body>, либо в окошко плагина Header and Footer.

Я рекомендую для этой цели использовать плагин Header and Footer.

Нажимаем кнопку “Обновить файл” для файла header.php, так как мы добавили в него скрипты.

Далее заходим в Настройки=>Header and Footer. Нам необходимо выбрать первый пункт меню этого плагина “Page Head and Footer” и вставить скопированные скрипты в центральное окошко “Code to be added on HEAD section of every page”. После этого не забываем нажимать save. С помощью этого плагина наши скрипты расположатся после открывающего тега <body>.

Далее смотрим в шаблоне “Блокнота”, куда нам нужно вставить следующий код. Его необходимо вставить в то место, где будут расположены наши социальные кнопки.

Копируем коды кнопок из шаблона в “Блокноте” и вставляем в тот же плагин Header and Footer в пункт меню “Post content” в нижнее окошко “Code to be inserted after each post”, чтобы наши кнопки располагались в конце каждого поста сайта. Если хотите расположить кнопки в начале статьи, вставляете в верхнее окошко.

Для закрепления материала рекомендую посмотреть видеоурок. Смотрите видеоурок, делайте кнопки социальных сетей и получайте удовольствие при продвижении сайта.

Для улучшения качества просмотра видеоролика нажмите на значок “1” в правом нижнем углу, который появится при наведении мышкой.

Посмотреть видео в лучшем качестве

При желании можно увеличить размер видео на весь экран, нажав на значок “2”.

Коды в социальных сетях могут изменяться, поэтому не рекомендую использовать один к одному скрипты из моей статьи. Надежнее, пользуясь рекомендациями данной статьи и видеоурока получить свои коды по вышеуказанным ссылкам.

В следующей статье мы оформим наши кнопки социальных сетей в виде блока с заголовком и рамкой, написав для этого небольшую программу. Блок наших кнопок будет иметь такой вид:

Кнопки социальных сетей горизонтально и в рамке

Следующая статья и видеоурок называются: “Как сделать социальные кнопки горизонтально и в рамке“.

 



Буду благодарна, если поделитесь с друзьями информацией:

Подпишись и получай новые статьи на почту:

32 комментария

  1. Спасибо за подробную инструкцию и видеоурок. Как раз собиралась избавиться от плагинов и установить скрипты социальных кнопок. Всё получилось. С нетерпением жду следующую статью, чтобы оформить кнопки в рамке.

  2. Надя,это не статья – а настоящее исследование!Да еще и с видео!Я и представления не имела,что эти кнопки соцсетей устанавливаются с помощью скриптов! Прямо открытие для меня! После прочтения статьи и просмотра видео возникает ощущение неполноценности, заставляющее что-то срочно предпринять!Благодарю!

    • Можно устанавливать кнопки соцсетей и с помощью плагинов, но в каждом плагине либо какие-то недоработки, либо наворочено много лишнего. Нужно стараться ставить как можно меньше плагинов на сайт, так как при их установке на сайте создаётся масса файлов и дополнительных ссылок на другие ресурсы. Там, где можно обойтись простыми скриптами – лучше воспользоваться ими.

  3. Какое-то время назад у меня тоже стоял выбор относительно кнопок на сайте. Правда поразмыслив все же было решено поставить блок кнопок от Яндекса. Пусть они маленькие и неприметны, лишены счетчика, но они меньше грузят сайт и меньше кода на странице.

  4. Замечательная статья! Очень подробно рассказано про кнопки, какие они должны быть, и как их ставить. Вы выбрали действительно лучшие варианты из всех возможных. Если бы я ставил кнопки заново, обязательно воспользовался бы именно Вашей статьей.

  5. Спасибо интересная статья, все получилось, но вот проблема после нажатия на на кнопку twitter ссылку публикует, а счетчик остается равен 0, не подскажете в чем проблема?

  6. Здравствуйте!
    Знаете, возникла недавно такая проблема. Когда нажимаю на кнопки мне нравится (в мир) не отображается картинка, переходит только главная с шапки, а со страницы товара не могу выбрать. Что же делать? Ни как не пойму..
    Пробовала разные варианты многие готовые скрипты, но ничего не выходит. Есть у меня такой же сайт с этой же темой – там все получается – здесь нет.
    Помогите, пожалуйста

    • Ольга, если Вы хотите установить на своём сайте скрипты кнопок, описанных в данной статье, то для кнопок нужно задавать ссылки на те страницы, которые должны направляться в социальные сети после нажатия пользователем на эти кнопки или оставлять поле для ссылки пустым, тогда в социальную сеть будет отправляться текущая страница. В частности для “Мой Мир” и “Одноклассники” нужно сделать как описано в статье, цитирую:
      “очищаем поле “URL страницы”, чтобы в социальные сети Мой Мир и Одноклассники отправлялась текущая страница сайта. Если хотите отправлять другую страницу – задайте её URL.”
      Попробуйте выполнить эту рекомендацию и, я думаю, у Вас всё получится. Удачи Вам!

  7. Здравствуйте! Большое спасибо за статью!
    Скажите, пожалуйста, как лучше поступить, если в шаблоне сайта уже установлен социальный слайдер в виде вертикальной рамки по краю сайта. Эти кнопки связывают группы социальных сетей с сайтом. Мне это очень нравится, но я хочу заменить некоторые социальные кнопки на другие. например, добавить вконтакте и одноклассники, сохранив при этом стиль кнопок.

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

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

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>