Рейтинг:  0 / 5

Звезда не активнаЗвезда не активнаЗвезда не активнаЗвезда не активнаЗвезда не активна
 
Кнопки социальных сетей и закладок. + оптимальный вариант оформления таких кнопок в один модуль для CMS Joomla.

Добавляем кнопки социальных сетей и закладок на свои сайты!

На днях гуляя по просторам интернета в поисках интересной информации, заметила тенденцию ставить кнопки социальных сетей и закладок даже на раскрученных серьёзных ресурсах с высокой посещаемостью. Да и , в принципе, это понятно – это является дополнительным методом продвижения своего ресурса в сети, так как пользователи смогут сохранить в заметках как саму статью, так и ссылку на неё, тем самым, поделившись информацией со своими друзьями.

Поэтому я вооружилась терпением и начала готовиться к использованию кнопок и на своих ресурсах. На полную «готовку» ушло два дня, пробовала различные варианты. И вот могу теперь поделиться своим опытом и, возможно, сэкономить кому-то время.

Можете свободно копировать мои кнопки и использовать их на своих ресурсах. Одну я рисовала сама, а остальные взяты с официальных сайтов, который сами и предоставляют код веб-мастерам. 

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

FACEBOOK

ВКонтакте

Twitter

Google Buzz

Одноклассники

Я.РУ

Mail.ru

Собственно сам код для 10 кнопок:

  • ВКонтакте
  • Одноклассники
  • Мой Мир
  • Я.РУ
  • Liveinternet
  • Facebook (2 кнопки)
  • Twitter
  • Google Buzz
<noindex><table border="0">
 
<tr><td>
<script type="text/javascript"><!--
document.write(VK.Share.button(false,{type: "round", text: "Сохранить"}));
--></script></td>
<td><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></td>

<td colspan="2"><a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share" data-mrc-config="{'type' : 'button', 'caption-mm' : '1', 'caption-ok' : '1', 'counter' : 'true', 'text' : 'true', 'width' : '100%'}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script></td></tr>

<tr><td><a title="Отправить в Живую ленту Google" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-count" data-locale="ru"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script></td>
<td><a href="javascript:void();" onclick="window.open('http://www.liveinternet.ru/journal_post.php?action=n_add&cnurl=' + encodeURIComponent(document.location.href) + '&cntitle=' + encodeURIComponent(document.title), 'Liveinternet', 'width=700,height=500,menubar=no,location=no,resizable=no,scrollbars=yes,status=no');return false;"><img src=/templates/lora/img/liveinternet.png border=0></a></td>
<td><!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e713f7a7220ff30"></script>
<!-- AddThis Button END --></td></tr></table></noindex>

Обязательно поменяйте пути к картинкам в коде на свои, а также ссылку на свой сайт в коде кнопки Facebook!

Обязательно в index.php нужно вставить (перед </head>)

Модуль кнопок социальных сетей и закладок для CMS Joomla

На одном из сайтов (к сожалению, не помню какой) нашла прекрасное предложение создание специального модуля с кнопками для CMS Joomla. Благодаря этому модулю, уже не нужно под каждой статьёй вставлять вместительный код. Это заменяется буквально двумя словами (или одним запросом).

Модуль кнопок для Джумлы:

Зайдите в админ-панель –> Менеджер модулей –> Создать –> Произвольный html-код. Называете его по желанию, выбираете нужную любую незадействуемую Вами позицию и вставляете в него код, который Я привела выше (обязательно отключив перед этим редактор!).

Как отключить редактор – Сайт-> Общие настройки -> Визуальный редактор по умолчанию - > Без редактор (No editor) -> Сохранить.

Теперь в конце каждой статьи просто добавляйте запрос –

{codecitation class="brush: vb; gutter: true;" width="500px"} { loadposition debug } {/codecitation}

Внимание – код добавляйте без пробелов перед и после скобок!

Debug – это выбранная Вами позиция при создании модуля кнопок.

Если какие есть предложения, замечания, вопросы – пишите!

P.S. Поменяйте мои пути к картинкам на свои!