вторник, 10 мая 2011 г.

Кнопка от Twitter

Все кнопки, описанные ниже, вы можете получить самостоятельно на этой странице сервиса микроблогов Twitter.
Кнопка без счетчика:

<a href="http://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>


Кнопка со счетчиком:

Код:
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>


Чтобы при отправке в Twitter в сообщении был ваш ник в Twitter @nicname
Код:
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="ваш_ник">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
Замените ваш_ник на ваш ник в Twitter.

На кнопке русское слово Твитнуть

Код:
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-lang="ru">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Кнопка в виде блока:

Код:
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Кнопка в Мой мир

Все кнопки, описанные ниже, вы можете получить на этой странице службы Мой мир.
Кнопка Нравится без счетчика
Нравится
<a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share" data-mrc-config="{'nc' : '1', 'cm' : '1', 'sz' : '20', 'st' : '2', 'tp' : 'mm'}">Нравится</a> <script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>

Слово Нравится в коде можно менять на любое свое.

Кнопка с текстовым счетчиком и описанием:
Нравится
<a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share" data-mrc-config="{'cm' : '1', 'sz' : '20', 'st' : '2', 'tp' : 'mm'}">Нравится</a> <script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>

Кнопка Нравится блоком:
Нравится
<a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share" data-mrc-config="{'cm' : '1', 'sz' : '20', 'st' : '2', 'tp' : 'mm', 'vt' : '1'}">Нравится</a> <script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>

Кнопка Одноклассники


Все кнопки, описанные ниже, вы можете получить в специальном разделе на Одноклассниках.
Кнопка со счетчиком
Код:
<div id="ok_shareWidget"></div> <script> !function (d, id, did, st) { var js = d.createElement("script"); js.src = "http://connect.ok.ru/connect.js"; js.onload = js.onreadystatechange = function () { if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") { if (!this.executed) { this.executed = true; setTimeout(function () { OK.CONNECT.insertShareWidget(id,did,st); }, 0); } }}; d.documentElement.appendChild(js); }(document,"ok_shareWidget",document.URL,"{width:145,height:30,st:'rounded',sz:20,ck:1}"); </script>

Кнопка без счетчика

Код:
<div id="ok_shareWidget"></div> <script> !function (d, id, did, st) { var js = d.createElement("script"); js.src = "http://connect.ok.ru/connect.js"; js.onload = js.onreadystatechange = function () { if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") { if (!this.executed) { this.executed = true; setTimeout(function () { OK.CONNECT.insertShareWidget(id,did,st); }, 0); } }}; d.documentElement.appendChild(js); }(document,"ok_shareWidget",document.URL,"{width:70,height:30,st:'rounded',sz:20,ck:1,nc:1}"); </script>
Счетчик над кнопкой
Код:
<div id="ok_shareWidget"></div> <script> !function (d, id, did, st) { var js = d.createElement("script"); js.src = "http://connect.ok.ru/connect.js"; js.onload = js.onreadystatechange = function () { if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") { if (!this.executed) { this.executed = true; setTimeout(function () { OK.CONNECT.insertShareWidget(id,did,st); }, 0); } }}; d.documentElement.appendChild(js); }(document,"ok_shareWidget",document.URL,"{width:75,height:65,st:'rounded',sz:20,ck:1,vt:'1'}"); </script>

Кнопка Вконтакте

Все кнопки, описанные ниже, вы можете установить со страницы Вконтакте.
Для установки кнопки дается два кода. Первый код необходимо установить перед закрывающим тегом </head>:
<script type="text/javascript" src="http://vk.com/js/api/share.js?90" charset="windows-1251"></script>
Остальной код вставляется там, где должна быть кнопка.
Кнопка без счетчика:
Код:
<!-- Put this script tag to the place, where the Share button will be --> <script type="text/javascript"><!-- document.write(VK.Share.button(false,{type: "round_nocount", text: "Сохранить"})); --></script>
Кнопка со счетчиком
Код:
<!-- Put this script tag to the place, where the Share button will be --> <script type="text/javascript"><!-- document.write(VK.Share.button(false,{type: "round", text: "Сохранить"})); --></script>
Кнопка в виде маленькой иконки

Код:
<!-- Put this script tag to the place, where the Share button will be --> <script type="text/javascript"><!-- document.write(VK.Share.button(false,{type: "custom", text: "<img src=\"http://vk.com/images/share_32.png\" width=\"32\" height=\"32\" />"})); --></script>

Кнопка Facebook

Все, кнопки, описанные ниже, вы можете получить на этой странице социальной сети Facebook.
Горизонтальная кнопка Like


<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="false" layout="button_count" width="90" show_faces="false" font="lucida grande"></fb:like>

Кнопка одним блоком:


<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="false" layout="box_count" width="90" show_faces="false" font="lucida grande"></fb:like>

Кнопка с добавлением пользователей, которым нравится:


<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="false" width="90" show_faces="false" font="lucida grande"></fb:like>