Переделываем размер share кнопки от Mail.ru


В марте этого года компания Mail.ru, принадлежащая инвестиционному холдингу DST (Digital Sky Technologies), представила сервис ССЫЛКИ@MAIL.RU, позволяющий пользователям делиться интересными ссылками на своей странице в социальной сети МойМир@Mail.Ru. Вообще различные сервисы, позволяющие разSHAREть понравившуюся ссылку перекочевали в российские социальные сети с небезизвестного Facebook.

Собственно в англоязычном интернете кроме Facebook подобными сервисами обладают множество сайтов от Digg до StrumbleUpon, но только сейчас это стало актуально для рунета, так как именно в последние два года реально ощущается прирост пользователей рунета. Оставим вне сегодняшней статьи этическую сторону вопроса, с тем что всякая социальная сеть, подобными сервисами пытается создать "собственный интернет" и не выпускать пользователей из своих лап.

Давайте лучше поговорим о плюсах, а они безусловно имеются. Посещает пользователь с "прокаченным друзьями" аккаунтом в МоемМире@Mail.Ru ваш сайт или блог, и если на сайте установлена кнопка Share от Mail.Ru он может поделиться понравившейся ссылкой, и тем самым привлечет из этой сети дополнительных пользователей на ваш ресурс. Это все, конечно, разговор о сферическом коне в вакууме, так как пользователи российских социальных сетей, пока с опаской пользуются подобным сервисом, но толк от него все же есть и с каждым днем его все больше и больше.

На странице, посвященной сервису достаточно подробно расписана технология интеграции сервиса ССЫЛКИ@Mail.RU на ваш ресурс, однако есть одна загвоздка, в России как обычно не ищуться легкие пути и для самого крупного размера кнопки в Mail.Ru решили использовать довольно нестандартный размер - 90 х 65. Это при том, что уже ставшие стандартными для многих кнопки Twitter, Facebook и Google Buzz не превышают 60 пикселей в ширину, и если вы захотите интегрировать кнопку в вертикальное меню,например так вам придется мириться с уродцем от Mail.Ru. Не знаю как вас, но меня подобное положение вещей не устраивает. Воспользоваться этим сервисом хочется, но при этом кнопка может испортить дизайн сайта, да и выделяться будет слишком сильно на общем фоне. Поэтому пришлось немного повозиться в коде javascript. Для начала пришлось скачать код с сайта Mail.Ru

Чтобы отредактировать код javascript вы можете использовать любой удобный вам редактор, в коде достаточно просто разобраться. Кнопка, которая нам нужна, обозначается в коде как "big", воспользуйтесь поиском по коду и быстро сможете настроить размеры кнопки и текст, выводимый в ней, под ваши нужды. Скачать уже отредактированный код вы можете по этой ссылке - http://dl.dropbox.com/u/1476318/share.js Теперь, чтобы встроить измененную кнопку на ваш сайт, достаточно в HTMLкоде, предлагаемом MAIL.RU изменить адрес JavaScript файла.

<a type="big" href="http://connect.mail.ru/share">В Mail</a> <script src=http://dl.dropbox.com/u/1476318/share.js"  type="text/javascript"></script>

Чтобы найти оптимальный размер кнопки, пришлось пойти на небольшой компромис с шрифтами и текстом надписи, смотрите что у меня получилось:

Вы можете хранить измененный JS код на своем сайте или как и я использовать Dropbox в качестве хранилища.

Похожие записи:

  1. Слайд панель с закладками в социальные сети в стиле mashable.com
  2. WordPress плагин слайд панели с социальными закладками
  3. Режим отладки в SAP
  4. 15 англоязычных блоггеров и WEB дизайнеров/разработчиков за которыми следует следовать в Twitter.

Оставить комментарий

Я не робот.

Подписаться на SAP R/3 Готовые решения RSS Twitter Delicious Facebook Digg Stumbleupon Favorites