Главная » (X)HTML, Php, Wordpress, Добавляем на сайт, Коды, Материалы, Социальные сети » Кнопки социальных сетей для сайта
Ноя
07

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

После установки к себе на сайт личного счетчика посещений случайно увидел что в поиске моего сайта кто-то искал кнопки социальных сетей для сайта. Не могу я оставить этого человека без кнопок :) Так что сегодня кратко расскажу вам как их добавить.

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

1. Добавляем кнопки анонсирования в Facebook, Twitter, Вконтакте


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

[html]
<a href="http://twitter.com/intent/tweet?text=<?php echo wp_get_shortlink(); ?> <?php the_title(); ?>" title="Опубликовать ссылку на статью в Twitter" onclick="window.open(this.href, ‘Опубликовать ссылку на статью в Twitter’, ‘width=500,height=300′); return false"><img src="http://kpeople.ru/bg-icon-twitter.png" alt="" /></a>




<a href="http://vkontakte.ru/share.php?url=<?php the_permalink() ?>" title="Опубликовать ссылку на статью в ВКонтакте" onclick="window.open(this.href, ‘Опубликовать ссылку на статью в Вконтакте’, ‘width=500,height=300′); return false"><img src="http://kpeople.ru/bg-icon-vkontakte.png" alt="" /></a>

<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink() ?>" title="Опубликовать ссылку на статью в Facebook" onclick="window.open(this.href, ‘Опубликовать ссылку на статью в Facebook’, ‘width=500,height=300′); return false"><img src="http://kpeople.ru/bg-icon-facebook.png" alt="" /></a>
[/html]

2. Кнопка Retweet от Twitter
Кнопки социальных сетей для сайта
Код:

[html]
<div class="alignright"><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-lang="ru" rel="nofollow">Твитнуть</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
[/html]


3. Весь нижний блок моего сайта
Кнопки социальных сетей для сайта

[html]
Присоединяйтесь ко мне:
<br />
<a href="http://www.facebook.com/pages/Osnovy-programmirovania-na-padhru/126526080745931?v=wall" rel="nofollow"><img src="http://kpeople.ru/Faceicon.png" width="25"></a>
<a href="http://feeds.feedburner.com/padh" rel="nofollow"><img src="http://kpeople.ru/sources/rs.png" width="25"> </a>
<a href="http://vkontakte.ru/public28596075" rel="nofollow"><img src="http://kpeople.ru/vk.png" width="25"></a>
<a href="http://twitter.com/padhru" rel="nofollow"><img src="http://kpeople.ru/sources/twitter.png" width="25"></a>
<br />

Поблагодарить:
<br/>
<g:plusone size="medium"></g:plusone> <br>
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button"});
</script>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fkpeople.ru&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=verdana&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:140px; height:21px;" allowTransparency="true"></iframe></br>

Поделится с друзьями:
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="none" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed"></div>
[/html]

Кнопки «+1″ от Google, «like» от Facebook и «Мне нравится» от Вконтакте генерируются для каждого сайта отдельно.
Поэтому переходите по следующим ссылкам и генерируйте кнопки под ваш сайт:

Кнопки от Яндекса генерируются на этой странице.
Выглядеть блок может вот такими вариантами:
Кнопки социальных сетей для сайта
Генерируется все очень быстро, считаю что данный сервис Блок «Поделиться» для вашего сайта очень качественный и приятный.

4. Кнопки (ссылки) подписок на обновления блога

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

[html]
<table align="center">
<tr><td>
<a href="http://fusion.google.com/add?feedurl=http://feeds.feedburner.com/padh" rel="nofollow"><img src="http://kpeople.ru/1.png" width="30"> <strong>в Google Reader</strong></a>

</td></tr><tr><td>

<a href="http://lenta.yandex.ru/settings.xml?name=feed&url=http://feeds.feedburner.com/padh" rel="nofollow"><img src="http://kpeople.ru/2.png" width="30"> <strong>в Яндекс.Ленте</strong></a>

</td></tr><tr><td>

<a href="http://twitter.com/padhru" rel="nofollow"><img src="http://kpeople.ru/3.jpg" width="30"> <strong>в Twitter</strong></a>

</td></tr><tr><td>

<a href="http://feedburner.google.com/fb/a/mailverify?uri=padh&loc=ru_RU" rel="nofollow"><img src="http://kpeople.ru/4.png" width="30"> <strong>по e-mail через FeedBurner</strong></a>

</td></tr><tr><td>

<a href="http://vkontakte.ru/public28596075" rel="nofollow"><img src="http://kpeople.ru/5.png" width="30"> <strong>в Вконтакте</strong></a>

</td></tr><tr><td>

<a href="http://www.facebook.com/pages/Osnovy-programmirovania-na-padhru/126526080745931?v=wall" rel="nofollow"><img src="http://kpeople.ru/6.png" width="30"> <strong>на Facebook</strong></a>

</td></tr></table>
[/html]

Предоставил все кнопки социальных сетей своего сайта :) Хух, если у вас есть вопросы — задавайте! Мне почему то кажется что не все разбираются в кодах и могут возникнуть проблемы именно с установкой кнопок на сайт, так вот, если все таки такие вопросы будут возникать, задавайте их в комментариях к данному посту или в новорожденном меню «Задать вопрос».

Также подписывайтесь на обновления блога в форме ниже ;)



Понравилась статья? Сделай приятно ее автору, поделись с друзьями:


Хотите получать обновления данного блога на EMail?

Введите адрес Почтового Ящика:




Подтвердите подписку в письме пришедшем на Почту, после чего начнете получить рассылку.