|
Сегодня раскажу о том, как установить кнопки социальных сетей от сервиса Share42 на joomla 1.5.
В интернете есть замечательный сервис Share42 где можно выбрать необходимые вам кнопки в трех размерах 32х32, 24х24, 16х16. Этот сервис также интересен тем, что в отличии от яндекс-кнопок нет запроса на регистрацию, если ты уже находишся в соц-сети на другой вкладке браузера. Яндекс-кнопки страдают тем, что не используют кэш из браузера.
На скриншоте я привел все необходимые действия, они сведены к нескольким кликам, благо юзабилити у сайта Share42 просто отличное, молодцы — дизайнерам большой респект от меня!
Дальнейшие наши действия — положим из распакованного архива скрипт share42.js в папку js нашего шаблона: "templates/название_вашего_шаблона/js" а картинку icons.png в папку "templates/название_вашего_шаблона/images".
Остается всего-лишь подключить наш скрипт к шаблону или, если мы используем комментарии jcomments, то просто добавить вывод соц-кнопок в шаблон комментария, чтобы наши кнопочки добавлялись туда, где включены комментарии. Я использую jcomments, поэтому добавлю код в сам шаблон комментариев.
Делается это просто, заходим сюда: ваш_сайт/components/com_jcomments/tpl/default/tpl_index.php находим строку 41 (// include JComments JavaScript initialization ?>) и после неё вставляем код, полученный на Share42 в вкладке «Установка», или скопируйте мой, заменив название сайта и название шаблона:
<script type="text/javascript" src="http://proinsurer.com.ua/templates/my_template/js/share42.js"></script>
<script type="text/javascript">share42('http://proinsurer.com.ua/templates/my_template/js/','<?php function getLink() { return $this->link; } ?>','<?php function getTitle() { return $this->title; } ?>')</script>
Есть одно важное замечание для joomla — это то, что скрипт расчитан на то, что спрайт(картинка с иконками соцсетей) будет находиться в одном месте с скриптом Share42.js. А так как мы картинки храним в папке images а скрипты — в папке js, то нужно всего-лишь чуть-чуть подправить скрипт. Открываем с помошью блокнота Notepad++ наш скрипт Share42.js, нажимаем Ctrl+F (поиск) и находим наш спрайт icons.png и заменяем строку background:url('+f+'icons.png) на background:url('+f+'../images/icons.png)
Мои соц-закладки выглядят так:
/* share42.com | 13.11.2023 | (c) Dimox */
function share42(f,u,t){if(!u)u=location.href;if(!t)t=document.title;u=encodeURIComponent(u);t=encodeURIComponent(t);document.write('<span id="share42">');var s=new Array('"#" onclick="window.open(\'http://vkontakte.ru/share.php?url='+u+'/', \'/', \'/');return false" title="Поделиться В Контакте"','"#" onclick="window.open(\'http://www.facebook.com/sharer.php?u='+u+'/'+t+'/', \'/', \'/');return false" title="Поделиться в Facebook"','"#" onclick="window.open(\'http://twitter.com/share?text='+t+'/'+u+'/', \'/', \'/');return false" title="Добавить в Twitter"','"http://www.linkedin.com/shareArticle?mini=true&url='+u+'&title='+t+'" title="Добавить в Linkedin"','"http://www.livejournal.com/update.bml?event='+u+'&subject='+t+'" title="Опубликовать в LiveJournal"','"http://connect.mail.ru/share?url='+u+'&title='+t+'" title="Поделиться в Моем Мире@Mail.Ru"','"http://share.yandex.ru/go.xml?service=moikrug&url='+u+'&title='+t+'" title="Поделиться в Мой Круг"','"#" onclick="window.open(\'http://www.odnoklassniki.ru/dk?st.cmd=addShare&st._surl='+u+'/'+t+'/', \'/', \'/');return false" title="Добавить в Одноклассники"','"#" onclick="window.open(\'http://www.blogger.com/blog_this.pyra?t&u='+u+'/'+t+'/', \'/', \'/');return false" title="Опубликовать в Blogger.com"','"http://zakladki.yandex.ru/newlink.xml?url='+u+'&name='+t+'" title="Добавить в Яндекс.Закладки"','"http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk='+u+'&title='+t+'" title="Сохранить закладку в Google"','"http://my.ya.ru/posts_add_link.xml?URL='+u+'&title='+t+'" title="Поделиться в Я.ру"','"http://bookmarks.yahoo.com/toolbar/savebm?u='+u+'&t='+t+'" title="Добавить в Yahoo! Закладки"','"http://www.evernote.com/clip.action?url='+u+'&title='+t+'" title="Добавить в Evernote"','"http://delicious.com/save?url='+u+'&title='+t+'" title="Сохранить закладку в Delicious"','"" onclick="return fav(this);" title="Сохранить в избранное браузера"','"http://www.yoga-life.com.ua/index.php?format=feed&type=rss" title="Подписаться на RSS сайта"','"#" onclick="return up()" title="Наверх"');for(i=0;i<s.length;i++)document.write('<a rel="nofollow" style="display:inline-block;vertical-align:bottom;width:24px;height:24px;margin:0 6px 6px 0;outline:none;
background:url('+f+'../images/icons.png) -'+24*i+'px 0" href='+s[i]+' target="_blank"></a>');document.write('</span>');};function fav(a){title=document.title;url=document.location;
try{window.external.AddFavorite(url,title);}catch(e){try{window.sidebar.addPanel(title,url,"");}catch(e){if(typeof(opera)=="object"){a.rel="sidebar";a.title=title;a.url=url;return true;}else{alert('Нажмите Ctrl-D, чтобы добавить страницу в закладки');}}}return false;};var t;function up(){var top=Math.max(document.body.scrollTop,document.documentElement.scrollTop);if(top>0){window.scrollBy(0,-100);t=setTimeout('up()',20);}else clearTimeout(t);return false;};
Для joomla 1.6. код добавления в шаблон jcomments будет немного другим, так как функции
','<?php function getTitle() { return $this->title; }
Поэтому код будет такой:
<strong><div class="share42init"></div>
<script type="text/javascript" src="http://www.имя вашего сайта.com.ua/templates/имя шаблона/js/share42.js"></script>
<script type="text/javascript">share42('http://www.имя вашего сайта.com.ua/templates/имя шаблона/js/')</script></strong>
А вот и сами соц-закладки ↓ мои соц-закладки можете скачать прямо отсюда → share42.zip 20.40 KB
|