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

Автор Intro, 17-03-2012, 16:38:49

« назад - далее »

IntroTopic starter

Сразу говорю, в 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

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>


IntroTopic starter

Спасибо, но получается вот такое:

MoJo

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: твой апиИд

xucsi4

Цитата: Intro от 17-03-2012, 21:27:12
Спасибо, но получается вот такое:
Код кнопки вконтакта взят не  для вашего сайта
  •  


MoJo

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>