Социальные кнопки под статьей.

Блог им. bamboleylo
Привет, сообщество!
Помогите пожалуйста настроить кнопки соц.сетей. Уже так намучился, ничего не выходит.
Хочу вывести 3 социальные иконки под каждой статьей чтобы люди могли делится статьями


проблема в том, что если использую кнопки yandex API(http://api.yandex.ru/share/), то они не относятся к каждой конкретной статье, а просто делятся ссылкой с главной.

пробовал также вставлять кнопки по примеру твиттера, как описано тут livestreet.ru/blog/6820.html
<li class="twitter"><a href="http://twitter.com/home?status={$oTopic->getTitle()|escape:'html'}: {$oTopic->getUrl()}" title="Добавить эту статью в Twitter" target="_blank" rel="nofollow"><img src="{cfg name='path.static.skin'}/images/icon-twitter.gif" border="0" ></a></li>


так получается что ссылка отностится к конкретной статье, но при нажатии, поле где должна стоять ссылка с описанием пустое.как будто чего-то не хватает, какой-то части кода, чтобы ссылка считывалась в окошко вконтакте к примеру.
что я делаю не так?
буду очень благодарен, если поможете.спасибо всем

7 комментариев

avatar
Как на хабре можно сделать.
в css прописать:
.topic .title .share .twitter{float:left;margin-right:5px;padding:6px 0;}
.topic .title .share .twitter a{opacity: 0.5;display:block;width:14px;height:16px;background:url("../images/bg-icon-twitter.gif") no-repeat scroll 0 0 transparent;}
.topic .title .share .twitter a:hover{opacity:1;}

.topic .title .share .vkontakte{float:left;margin-right:5px;margin-top:1px;padding:6px 0;}
.topic .title .share .vkontakte a{opacity: 0.5;display:block;width:14px;height:16px;background:url("../images/bg-icon-vkontakte.png") no-repeat scroll 0 0 transparent;}
.topic .title .share .vkontakte a:hover{opacity:1;}

.topic .title .share .facebook{float:left;margin-right:15px;padding:6px 0;}
.topic .title .share .facebook a{opacity: 0.5;display:block;width:14px;height:16px;background:url("../images/bg-icon-facebook.png") no-repeat scroll 0 0 transparent;}
.topic .title .share .facebook a:hover{opacity:1;}


В topic_topic.tpl, topic_photoset.tpl, topic_link.tpl, topic_question.tpl добавить:
<ul class="share">
			<li class="twitter"><a href="http://twitter.com/intent/tweet?text={$oTopic->getTitle()|escape:'html'}+{$oTopic->getUrl()}" title="Опубликовать ссылку в Twitter" target="_blank"></a></li>
			<li class="vkontakte"><a href="http://vkontakte.ru/share.php?url={$oTopic->getUrl()}"  title="Опубликовать ссылку во ВКонтакте" target="_blank"></a></li>
			<li class="facebook"><a href="http://www.facebook.com/sharer.php?u={$oTopic->getUrl()}"  title="Опубликовать ссылку в Facebook" target="_blank"></a></li>
		</ul>


Ну если что сами подправьте.
avatar
<div class=«yashare-auto-init» data-yashareLink="{$oTopic->getUrl()}" data-yashareTitle="{$oTopic->getTitle()}" data-yashareL10n=«ru» data-yashareType=«button»>
avatar
mixan ,k2fl , спасибо что так быстро откликнулись. Сейчас воспользовался советом k2fl, так как быстрее. все отлично сработало!:) позже переделаю по совету mixan.
avatar
Есть же плагин специальный "«Social Bookmarks Plugin»"
чем он не угодил?
avatar
а под версию 1.0.1 он адаптирован?
avatar
а как поставить эту кнопку? 

<script type="text/javascript" src="//www.draugiem.lv/api/api.js"></script>
<div id="draugiemLike"></div>
<script type="text/javascript">
new DApi.Like().append('draugiemLike');
</script>
  • shus
  • 0
  • ↓
avatar
Никто не знает, как адаптировать кнопки по Пульсо для ЛС?

<div class='pluso pluso-theme-light pluso-round'><div class='pluso-more-container'><a class='pluso-more' href=''></a><ul class='pluso-counter-container'><li></li><li class='pluso-counter'></li><li></li></ul></div><a class='pluso-vkontakte'></a><a class='pluso-facebook'></a><a class='pluso-twitter'></a><a class='pluso-odnoklassniki'></a><a class='pluso-moimir'></a><a class='pluso-google'></a><a class='pluso-livejournal'></a><a class='pluso-liveinternet'></a><a class='pluso-email'></a><a class='pluso-print'></a></div>
<script type='text/javascript'>if(!window.pluso){pluso={version:'0.9.1',url:'http://share.pluso.ru/'};h=document.getElementsByTagName('head')[0];l=document.createElement('link');l.href=pluso.url+'pluso.css';l.type='text/css';l.rel='stylesheet';s=document.createElement('script');s.src=pluso.url+'pluso.js';s.charset='UTF-8';h.appendChild(l);h.appendChild(s)}</script>
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.