среда, 10 марта 2010 г.

Кнопка "Ссылки@Mail.Ru" на Blogger(blogspot.com)

Mail.ru реализовала новый сервис Ссылки@mail.ru. Данный сервис позволяет пользователям Моего Мира@Mail.Ru делиться с друзьями ссылками на страницы с любых сайтов. Ссылки на страницы появляются в потоке "Что нового" пользователя в Моем Мире и у всех его друзей.

Это мне немного напоминает копипаст тенденций :). Но все же для того, что бы задавать тенденции, нужно сначала иметь возможность воспользоваться текущими. Так что берем на вооружение этот инструмент.

Внедрение кнопки "Ссылки@mail.ru" на сайт


Для того что бы добавить кнопку сервиса Ссылки@mail.ru, необходимо внедрить следующий кусок html.
<a class="mrc__share" href="http://connect.mail.ru/share">Поделиться</a>
<script src="http://connect.mail.ru/js/api/share.js" type="text/javascript"></script>

Тут проблем не должно возникнуть.

Добавления кнопки "Ссылки@mail.ru" на блог Blogger (blogspot.com)


А вот если вам захотелось добавить такую кнопку на блог Blogger, то необходимо будет воспользоваться расширенным синтаксисом.

Заходим в редактирование шаблона блога ('Дизайн'->'Изменить Html'), и установив галку 'Расширить шаблоны виджета', находим секцию
<b:includable id='post' var='post'>
  <div class='post hentry'>
   //Место для добавления кнопки Ссылки@mail.ru!
   ...
  </div>
</b:includable>

Добавляем следующий фрагмент кода
<div style='float:right;'>

<a class='mrc__share' expr:href='&quot;http://connect.mail.ru/share?share_url=&quot; + data:post.url'>Поделиться</a>
<script src='http://connect.mail.ru/js/api/share.js' type='text/javascript'/>

</div>

Выбор стиля кнопки "Ссылки@mail.ru"


Вы можете выбрать нужный вам стиль кнопки. Для этого в теге "а" необходимо задать параметр "type".
<a class="mrc__share" type="button_count" href="http://connect.mail.ru/share">Поделиться</a>

- "big".
- "button_count" (используется по умолчанию).
- "button".
- "micro".

Детальную информацию можно найти в описании Ссылки@Mail.Ru.

2 комментария: