Ставим на свой сайт кнопки «Мне нравится»
- facebook.com
Тут всё просто, заполняем форму и получаем вот такой код:
<script src=«http://connect.facebook.net/en_US/all.js#xfbml=1″></script><fb:like layout=«button_count» show_faces=«true» width=«450″ font=«arial»></fb:like>
- vk.com
Тоже не сложно, нужно авторизоваться, указать в форме «Название сайта» и «Адрес сайта», далее выбрать «Варианты кнопки».
На выходе 2 куска кода:
Это вставляется между тегами <head></head>:
<script type=«text/javascript» src=«http://userapi.com/js/api/openapi.js?20″></script><script type=«text/javascript»> VK.init({apiId: XXXXXXX, onlyWidgets: true}); </script>
и этот код в теле документа, на месте вывода кнопки:
<div id=«vk_like»></div><script type=«text/javascript»> VK.Widgets.Like(«vk_like», {type: «mini»}); </script>
- twitter.com
Тут выбираем из 3-х вариантов кнопки подходящую: «Vertical count», «Horizontal count» или «No count».
Получаем вот такой кусок кода:
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
- odnoklassniki.ru
Тут всё не очень хорошо. Нужно вставить между тегами <head></head> код подгрузки стиля и яваскрипта:
<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>
далее код ссылки с фоном там, где вам нужно:
<a class=«odkl-klass-stat» href=«Абсолютный адрес страницы» onclick=«ODKL.Share(this);return false;» ><span>0</span></a>
Высота кнопки отличается от кнопок Твиттера и Фэйсбука, что так же не очень хорошо. Вместо «Абсолютный адрес страницы» я так понял нужно прописывать переменную адреса текущей странички вашего движка или я не знаю. В общем у меня не работает она. Они пишут:
Код этой кнопки, в отличии от обычной кнопки «Класс!» модифицировать нельзя, все что находится внутри <a></a> будет заменено.
но что то у меня ничего не заменяет…
- mail.ru
Хорошо поработали. Делаем нужные изменения в форме, URL отсавляем пустым (кроме отдельных случаев) и получаем код для вставки в нужное нам место:
<a target=«_blank» class=«mrc__plugin_like_button» href=«http://connect.mail.ru/share» rel=«{‘type’ : ‘button’, ‘width’ : ’550′, ‘show_text’ : ‘true’, ‘show_faces’ : ‘true’}»>Нравится</a><script src=«http://cdn.connect.mail.ru/js/loader.js» type=«text/javascript» charset=«UTF-8″></script>
Чтобы выстроить кнопки горизонтально можно воспользоваться слоями:
<div style=«float:left; margin-bottom:4px;»></div> <div style=«float:left; margin-bottom:4px;»>код кнопки</div> <div style=«float:left; margin-bottom:4px;»>код кнопки</div> <div style=«float:left; margin-bottom:4px;»>код кнопки</div> <div style=«float:left; margin-bottom:4px;»>код кнопки</div> <div style=«clear:both;»></div>
Комментариев нет:
Отправить комментарий