Вопрос по поводу плагина социальных закладок в версии 0.5

Вообще вопрос заключается в следующем. Есть ли готовый плагин социальных закладок для новой (0.5) версии движка, такого типа:


?
Плагин для 0.5 искал, но не нашел, только 0.4

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

avatar
Плагин есть в каталоге.
avatar
Спасибо! То, что нужно. Я просто думал, что он только от яндекса виджет закладок добавляет. А мне именно лайки нужны были.
avatar
Jora05 , а можно код этих элементов, что вы вставили как картинку в топик?
avatar
Да дело в том, что это картинка плагина с моего другого проекта на джумле. Просто хочу такой же вывод на livestreet реализовать
avatar
если реализуете поделитесь?
смотрится очень симпатично.
avatar
В вышеуказанном плагине точно так же можно реализовать. Я практически похоже реализовал.
avatar
А не желаете ли поделиться модификацией?)
avatar
Я не понимаю чем делиться) Сам плагин примерно так и расставляет всё + в нем есть настройка — какие кнопки показывать, а какие нет)
У меня так.
И сделано так: (это файл inject.topic.tpl из папки шаблона самого плагина)
{if $aConfig.yandex==1}
	<div style="float: left;" class="yashare-auto-init" data-yashareType="button" data-yashareQuickServices="{$aConfig.y_services}">
	</div>
	{/if}
	{if $aConfig.vkontakte==1}
	<div style="float: left;padding-left: 5px; margin-top:4px; ">
	{literal}
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button"});
</script>
	{/literal}
	</div>
	{/if}
	{if $aConfig.facebook==1}
	<div style="float: left; padding-left: 10px; margin-top:4px; margin-left:-45px;">
    {literal}
    <script type="text/javascript"><!--
		document.write('<iframe src="http://www.facebook.com/plugins/like.php?href='+escape(document.location.href)+'&layout=button_count&show_faces=false&width=100&action=like&font=arial&colorscheme=light&height=20" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:20px;" allowTransparency="true"></iframe>');
    --></script>
    {/literal}
	</div>
	{/if}
	{if $aConfig.moimir==1}
	<div style="float: left; padding-left: 5px; margin-top:4px;">
    {literal}
    <script type="text/javascript"><!--
    document.write('<a class="mrc__share" type="button_count" href="http://connect.mail.ru/share?share_url='+escape(document.location.href)+'">{/literal}{$aLang.ishsocbookmarks_moimir}{literal}</a>');
    --></script>
    {/literal}
	</div>
	{/if}
	{if $aConfig.tweetme==1}
	<div style="float: left;padding-left: 10px; margin-top:4px;">
	{literal}
		<script type="text/javascript">
		tweetmeme_style = 'compact';
		</script>
		<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
	{/literal}
	</div>
	{/if}
  {if $aConfig.linkedin==1}
	<div style="float: left;padding-left: 5px; margin-top:4px;">
  {literal}
    <script type="text/javascript"><!--
    document.write('<s'+'cript type="IN/Share" data-url="'+escape(document.location.href)+'" data-counter="right"></s'+'cript>');
    --></script>
  {/literal}
	</div>
	{/if}  
  {if $aConfig.google_plusone==1}
	<div style="float: left;padding-left: 5px; margin-top:4px;">
    <g:plusone></g:plusone>
	</div>
	{/if}
avatar
А, ну эт вы просто лишнее отключили. У меня другая мысль немного. Во первых хочу заменить кнопку твиттера, на стандартную, родную твиттеровскою), а также, что бы возле кнопки facebook показывалось число людей, которые нажали мне нравится, как вконтакте.
avatar
А, все, понял. Вобщем по поводу фейсбука — на этой странице можно настроить кнопку как только угодно, это раз.
По поводу твиттера — вот здесь тоже все настраивается очень гибко.
avatar
Ах да, чуть не забыл — потом полученный код вставляете вместо старого кода. Все это делается в файле inject.topic.tpl (о котором я говорил выше и чей код выставлял).
На примере фейсбука — редактируем этот кусок:
{if $aConfig.facebook==1}
        <div style="float: left; padding-left: 10px; margin-top:4px; margin-left:-45px;">
    {literal}
    <script type="text/javascript"><!--
                document.write('<iframe src="http://www.facebook.com/plugins/like.php?href='+escape(document.location.href)+'&layout=button_count&show_faces=false&width=100&action=like&font=arial&colorscheme=light&height=20" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:20px;" allowTransparency="true"></iframe>');
    --></script>
    {/literal}
        </div>
        {/if}
avatar
Спасибо большое!) Завтра буду пробовать!)
avatar
Кстати, очень симпатичный у вас сайт)
avatar
Спасибо)
avatar
Вообшем путем несложных действий и с помощью Frankenstein (за что ему отдельное спасибо), сделал нужный мне вывод кнопок!



Завтра распишу подробно как сделал (сегодня сил нет, надо и поспать:), возможно кому то понадобиться!)
avatar
Жду с нетерпением. Смотрится реально круто)))

Frankenstein , рахмат!)
avatar
Вообщем я сделал следующее:

Меняем код для контакта, гугла и твиттера в файле inject.header.tpl. Вот полный код отредактированного файла:


{if $aConfig.vkontakte==1}
{literal}
<script src="http://vkontakte.ru/js/api/openapi.js" type="text/javascript" charset="windows-1251"></script>

<script type="text/javascript">
  VK.init({
    apiId: 2709047,
    onlyWidgets: true
  });
</script>
{/literal}
{/if}
{if $aConfig.yandex==1}
{literal}
<script type="text/javascript" src="http://yandex.st/share/share.js" charset="utf-8"></script>
{/literal}
{/if}
{if $aConfig.moimir==1}
{literal}
<script src="http://cdn.connect.mail.ru/js/share/2/share.js" type="text/javascript"></script>
{/literal}
{/if}
{if $aConfig.google_plusone==1}
{literal}
<script type="text/javascript">
  window.___gcfg = {lang: 'ru'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
{/literal}
{/if}
{if $aConfig.linkedin==1}
{literal}
<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
{/literal}
{/if}
{if $aConfig.odnoklassniki_class==1 or $aConfig.odnoklassniki_share==1}
{literal}
<link href="http://stg.odnoklassniki.ru/share/odkl_share.css" rel="stylesheet">
<script src="http://stg.odnoklassniki.ru/share/odkl_share.js" type="text/javascript"></script>
<script type="text/javascript"><!-- jQuery(document).ready(function() { ODKL.init(); }); --></script>
{/literal}
{/if}


Для контакта, получаем ID здесь vkontakte.ru/developers.php?oid=-1&p=Like и вставляем вместо слов «ВАШ ID».

Далее редактируем файл inject.topic.tpl. Вот его отредактированная версия:


  <div id="ish-socbookmarks">
  {if $aConfig.yandex==1}
	<div id="yandex" class="yashare-auto-init" data-yashareType="button" data-yashareQuickServices="{$aConfig.y_services}">
	</div>
	{/if}
	{if $aConfig.vkontakte==1}
	<div id="vkontakte">
    <div style="margin-top:5px;">
	{literal}
    
		<div id="vk_like"></div>
        
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button",height: 20});
</script>
	{/literal}
	</div>
    </div>
	{/if}
	{if $aConfig.facebook==1}
	<div id="facebook">
    <div style="float: left; padding-left: 10px; margin-left:-48px; margin-top:5px;">
    {literal}
    <div class="fb-like" data-send="false" data-layout="button_count" data-width="125" data-show-faces="false"></div>
    {/literal}
	</div>
    </div>
	{/if}
	{if $aConfig.moimir==1}
	<div id="moimir">
    {literal}
    <script type="text/javascript"><!--
    document.write('<a class="mrc__share" type="button_count" href="http://connect.mail.ru/share?share_url='+escape(document.location.href)+'">{/literal}{$aLang.ishsocbookmarks_moimir}{literal}</a>');
    --></script>
    {/literal}
	</div>
	{/if}
	{if $aConfig.tweetme==1}
	<div id="tweetme">
    <div style="float: left;padding-left: 5px; margin-top:5px; ">
	{literal}
		<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-lang="ru">Твитнуть</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
	{/literal}
	</div>
    </div>
	{/if}
  {if $aConfig.linkedin==1}
	<div id="linkedin">
  {literal}
    <script type="text/javascript"><!--
    document.write('<s'+'cript type="IN/Share" data-url="'+escape(document.location.href)+'" data-counter="right"></s'+'cript>');
    --></script>
  {/literal}
	</div>
	{/if}  
  {if $aConfig.google_plusone==1}
   <div style="float: left;margin-left:-8px; margin-top:9px;">
  	<g:plusone size="medium"></g:plusone>
    </div>
	{/if}
  {if $aConfig.odnoklassniki_class==1}
	<div id="odnoklassniki_class">
    <script type="text/javascript"><!--
    document.write('<a class="odkl-klass-oc" href="'+escape(document.location.href)+'" onclick="ODKL.Share(this);return false;" ><span>0</span></a>');
    --></script>
	</div>
	{/if}
  {if $aConfig.odnoklassniki_share==1}
	<div id="odnoklassniki_share">
    <script type="text/javascript"><!--
    document.write('<a class="odkl-share-oc" href="'+escape(document.location.href)+'" onclick="ODKL.Share(this);return false;" ><span>0</span></a>');
    --></script>
	</div>
	{/if}
  </div>


И последнее, в файл header_top.tpl, в самый конец (в файлах шаблона вашего сайта) добавил код для фейсбук, так как в файле inject.header.tpl не нашел для него места:


{literal}
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1&appId=Ваш ID";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>    
{/literal}


Вместо «Ваш ID» соответственно вставляем свой. Чтобы получить id, нужно создать прилофение в фейсбуке для вашего сайта. Щас ссылок под рукой нет, но думаю погуглить немного труда не составит, все просто там.

Ну вроде все, надеюсь понятно объяснил!)
avatar
Рабочий вариант можно пощупать здесь здесь
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.