Ссылки поделиться в соц. сети

Ссылки поделиться в различные социальные сети можно делать по-разному: взять с официальных сайтов или сделать самому. Второй вариант позволяет сделать любой внешний вид этих ссылок. Ниже изложен один из вариантов блока ссылок на вконтакте, facebook, odnoklassniki и twitter.

soc

<?php

$title = 'Заголовок';

$url = 'http://ссылка.ru';

$hashtags = 'теги';

$summary = 'Короткое описание';

$image_url = 'http://ссылканаизображение/logo.png';

$description = 'Короткое описание';

<a href="http://twitter.com/share?text=<?php echo $title; ?>&related=truemisha&hashtags=<?php echo $hashtags ?>&url=<?php echo $url; ?>" title="Поделиться ссылкой в Твиттере" onclick="window.open(this.href, this.title, 'toolbar=0, status=0, width=548, height=325'); return false" target="_parent"><div class="twit">Рассказать</div></a>

<a href="http://www.facebook.com/sharer.php?s=100&p[url]=<?php echo urlencode( $url ); ?>&p[title]=<?php echo $title ?>&p[summary]=<?php echo $summary ?>&p[images][0]=<?php echo $image_url ?>" onclick="window.open(this.href, this.title, 'toolbar=0, status=0, width=548, height=325'); return false" title="Поделиться ссылкой на Фейсбук" target="_parent"><div class="fb">Рассказать</div></a>

<a href="http://vkontakte.ru/share.php?url=<?php echo urlencode($url); ?>&title=<?php echo $title; ?>&description=<?php echo $description; ?>&image=<?php echo $image_url; ?>&noparse=true" onclick="window.open(this.href, this.title, 'toolbar=0, status=0, width=548, height=325'); return false" title="Сохранить в Вконтакте" target="_parent"><div class="vk">Рассказать</div></a>

<a href="http://www.odnoklassniki.ru/dk?st.cmd=addShare&st._surl=<?php echo urlencode($url); ?>&title=<?php echo $title; ?>&description=<?php echo $description; ?>&image=<?php echo $image_url; ?> title="Рассказать в Одноклассниках" target="_parent"><div class="ok">Рассказать</div></a>

</div>

#social > a div { padding: 10px 5px 5px 40px; margin: 5px; width: 140px; float: left; height: 40px; color: #fff}

#social .vk { background: url(images/site/soc_vk.png) no-repeat 5px 5px #4c729b; }

#social .fb { background: url(images/site/soc_facebook.png) no-repeat 5px 5px #304f92; }

#social .twit { background: url(images/site/soc_twitter.png) no-repeat 5px 5px #00a5eb; }

#social .ok { background: url(images/site/soc_ok.png) no-repeat 5px 5px #f68016; }

Рассказать:

Ссылки поделиться в соц. сети

Другие интересные записи:

Отменить ответ