И так ребят, все сейчас хотят на сайты эти супер-мега важные кнопочки... А не так давно этого психоза еще не было... Но это тема уже другой записи, а тут я расскажу о их настройки.
Не всех устраивают сервис аля share42 или однакнопка, не катят офф кнопки от соц.сетей (об этом дофига написано), часто надо задействовать собственные кнопки, об этом я и расскажу и так, поехали:
Суть:
Для добавления материала в соц.сеть существуют специальные, специфические ссылки, с помощью которых инфа и передается. Их мы и будем использовать, правильно сформируя.
Скачать исходники: http://www.ndivid.ru/plugin/likebuttom/likebuttom.rar
Смотреть демо: http://www.ndivid.ru/plugin/likebuttom/index.html
HTML:
Куда нам требуется вставляем следующее:
Code
<div id="social">
<b>Поделиться</b>
<ul class="social_buttom">
<li><a href="#" onclick="window.open('http://www.facebook.com/share.php?u=$HOME_PAGE_LINK$$ENTRY_URL$', 'Facebook', 'width=626, height=436'); return false;"><img class="social_post" src="/likebuttom/images/fb.png">Поделиться Facebook</a>
<li><a href="#" onclick="window.open('http://vkontakte.ru/share.php?url=$HOME_PAGE_LINK$$ENTRY_URL$&title=$ENTRY_TITLE$', 'Vkontakte', 'width=626, height=436'); return false;"><img class="social_post" src="/likebuttom/images/vk.png">Поделиться Вконтакте</a>
<li><a href="#" onclick="window.open('http://twitter.com/timeline/home?status=+$ENTRY_TITLE$+$HOME_PAGE_LINK$$ENTRY_URL$', 'twitter', 'width=626, height=436'); return false;"><img class="social_post" src="/likebuttom/images/tw.png">Поделиться в Twitter</a>
<li><a href="#" onclick="window.open('http://delicious.com/post?v=4&noui&jump=close&url=+encodeURIComponent($HOME_PAGE_LINK$$ENTRY_URL$)+&title=+encodeURIComponent($ENTRY_TITLE$)', 'Delicious', 'width=626, height=436'); return false;"><img class="social_post" src="/likebuttom/images/dl.png">Сохранить в Delicious</a>
</ul>
</div>
Так выглядит вся конструкция, теперь чуть подробнее:
Адрес перехода на Twitter:
Code
http://twitter.com/timeline/home?status=__ЗАГОЛОВОК_СТРАНИЦЫ__АДРЕС__
Адрес перехода на Facebook:
Code
http://www.facebook.com/share.php?u=__АДРЕС__
Адрес перехода на vkontakte.ru:
Code
http://vkontakte.ru/share.php?url=__АДРЕС__&title=__ЗАГОЛОВОК_СТРАНИЦЫ__
И т.п.
CSS:
Стили подправьте под свои нужды:
Code
<style>
ul.social_buttom li{margin: 0px;padding: 0px;list-style: none;}
#social{width:320px; text-align:left;}
img.social_post{width:50px; height:50px;margin-right: 5px; position: relative; top: 15px;}
</style>
Если сильно хочется, можно по-аналогии еще налепить. Удачи!
