Ссылки поделиться в соц. сети
Ссылки поделиться в различные социальные сети можно делать по-разному: взять с официальных сайтов или сделать самому. Второй вариант позволяет сделать любой внешний вид этих ссылок. Ниже изложен один из вариантов блока ссылок на вконтакте, facebook, odnoklassniki и twitter.
1 2 3 4 5 6 7 8 |
<?php $title = 'Заголовок'; $url = 'http://ссылка.ru'; $hashtags = 'теги'; $summary = 'Короткое описание'; $image_url = 'http://ссылканаизображение/logo.png'; $description = 'Короткое описание'; ?> |
1 2 3 4 5 6 |
<div id="social"> <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> |
1 2 3 4 5 |
#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; } |
Рассказать:
Заработай на партнерской программе! https://w.cscore.ru/s/37882
Магазин добра заходи бери!!!
http://qiwi24.twopay.ru
Магазин добра заходи бери!
http://qiwi24.twopay.ru