Кнопки социальных сетей

Автор Тема: Кнопки социальных сетей  (Прочитано 2646 раз)

Оффлайн IntroАвтор темы

  • Бизнес оценка: (0)
  • Старожил
  • ****
  • СПАСИБО: 71
  • Сообщений: 274
  • Карма: 6
  • Пол: Мужской
    • Просмотр профиля

Оффлайн IntroАвтор темы

  • Старожил
  • ****
Кнопки социальных сетей
« : 17-03-2012, 17:38:49 »
Сразу говорю, в html плохо разбираюсь, хотел установить кнопки социальных сетей, в одну горизонтальную линию. Насколько я знаю, это задается с помощью дива и style=left. Посмотрите пожалуйста код социалок (Вконтакте, Google +1, Facebook, Twitter):

<div style="float: left; margin: 10px 10px 0 0;"><script type="text/javascript"><!--
document.write(VK.Share.button(false,{type: "round", text: "Мне нравится"}));
--></script></div><div style="float: left; margin: 10px 10px 0 0;"><g:plusone></g:plusone></div><div style="float: left; margin: 10px 10px 0 0;"> <div class="fb-like" data-send="true" data-layout="button_count" data-width="450" data-show-faces="false"></div><div style="float: left; margin: 10px 10px 0 0;"><a href="https://twitter.com/share" class="twitter-share-button" data-via="Intromarket" 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></div>


В результате получается вот такое:


Оффлайн MoJo

  • Бизнес оценка: (4, 100%)
  • КМС
  • *****
  • СПАСИБО: 674
  • Сообщений: 1875
  • Карма: 57
  • Пол: Мужской
  • Инвестор
    • Просмотр профиля

Оффлайн MoJo

  • КМС
  • *****
Re: Кнопки социальных сетей
« Ответ #1 : 17-03-2012, 19:46:52 »
Intro, Поиском ты явно не пользовался. Я создавал тему, где писал что могу помочь с данным вопросом.
Вот такой код вставь:
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<script type="text/javascript">
new Ya.share({
'element': 'ya_share1',
'elementStyle': {
'type': 'none',
'linkIcon': true,
'border': false,
'quickServices': ['yaru','vkontakte','facebook','twitter','moimir','moikrug']
},
'popupStyle': {
'copyPasteField': true
}
});
</script>
<table><tr>
<td><span id="ya_share1"></span></td>
<td>
<script type="text/javascript">
//<![CDATA[
window.___gcfg = {lang: 'ru'};
(function() {
document.write('<g:plusone size="medium"></g:plusone>');
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'https://apis.google.com/js/plusone.js';
s1.parentNode.insertBefore(s, s1);
})();
//]]>
</script>
</td><td>
<script type="text/javascript">
VK.init({apiId: 2753189, onlyWidgets: true});
</script>
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button"});
</script>
</td><td>
<script type="text/javascript">
//<![CDATA[
(function() {
document.write('<fb:like width="250" show-faces="false" layout="button_count"></fb:like>');
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://connect.facebook.net/ru_RU/all.js#xfbml=1';
s1.parentNode.insertBefore(s, s1);
})();
//]]>
</script>
</td></tr></table>

Оффлайн IntroАвтор темы

  • Бизнес оценка: (0)
  • Старожил
  • ****
  • СПАСИБО: 71
  • Сообщений: 274
  • Карма: 6
  • Пол: Мужской
    • Просмотр профиля

Оффлайн IntroАвтор темы

  • Старожил
  • ****
Re: Кнопки социальных сетей
« Ответ #2 : 17-03-2012, 22:27:12 »
Спасибо, но получается вот такое:

Оффлайн MoJo

  • Бизнес оценка: (4, 100%)
  • КМС
  • *****
  • СПАСИБО: 674
  • Сообщений: 1875
  • Карма: 57
  • Пол: Мужской
  • Инвестор
    • Просмотр профиля

Оффлайн MoJo

  • КМС
  • *****
Re: Кнопки социальных сетей
« Ответ #3 : 18-03-2012, 08:52:07 »
Intro, вот в этом участке кода
<script type="text/javascript">
VK.init({apiId: 2753189, onlyWidgets: true});
</script>
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button"});
</script>

поменяй: apiId: 2753189-это мой, напиши свой apiId: твой апиИд

Оффлайн alex1442

  • Бизнес оценка: (0)
  • Старожил
  • ****
  • СПАСИБО: 67
  • Сообщений: 255
  • Карма: 8
  • Пол: Мужской
    • Просмотр профиля

Оффлайн alex1442

  • Старожил
  • ****
Re: Кнопки социальных сетей
« Ответ #4 : 18-03-2012, 14:10:52 »
Спасибо, но получается вот такое:
Код кнопки вконтакта взят не  для вашего сайта


Оффлайн MoJo

  • Бизнес оценка: (4, 100%)
  • КМС
  • *****
  • СПАСИБО: 674
  • Сообщений: 1875
  • Карма: 57
  • Пол: Мужской
  • Инвестор
    • Просмотр профиля

Оффлайн MoJo

  • КМС
  • *****
Re: Кнопки социальных сетей
« Ответ #5 : 19-03-2012, 08:39:14 »
Intro, Забыл ещё написать что в начале страницы, перед </head> вставить скрипт контакта:
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?20"></script>

Получится примерно так:
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?20"></script></head>


 

Похожие темы

  Тема / Автор Ответов Последний ответ
2 Ответов
3253 Просмотров
Последний ответ 31-07-2011, 20:08:15
от Богдан
15 Ответов
9384 Просмотров
Последний ответ 31-10-2011, 02:52:30
от zupb
1 Ответов
1954 Просмотров
Последний ответ 31-12-2011, 10:35:11
от mishaneshiporuk
0 Ответов
901 Просмотров
Последний ответ 15-11-2012, 05:06:44
от RZA2008
0 Ответов
753 Просмотров
Последний ответ 22-05-2016, 15:51:55
от Igor_Petrenko