Как добавить к посту кнопку «Поделиться страницей с друзьями в Моём Мире@Mail.ru» за 5 секунд

  Автор:

Knopka1Некоторое время назад стала замечать в конце статей на сайте эти маленькие синие кнопочки, которые позволяют моментально сообщить друзьям об интересной статье, новости, видео и т.п.

А поскольку у меня тоже есть свои блоги, то я заинтересовалась тем, как прикреплять эту кнопку к каждому посту.

Оказалось, что делается это до смешного просто. Хотя может быть есть другие варианты добавления этой кнопки на Ваш блог или просто сайт, я пока знаю только тот, который использую сама и тут Вам его объясню.

Итак, длинная пошаговая инструкция...

Шаг номер раз:

В конце статьи отступите на 1-2 строки и вставьте этот код:

<a href="http://platform.mail.ru/share">В Мой Мир</a>
<script src="http://cdn.connect.mail.ru/js/share/2/share.js" type="text/javascript" charset="UTF-8"></script>

Также можно вставить этот код в редакторе темы блога в файл single.php (одна запись) и тогда эта будет автоматически появляться у Вас на блоге в каждой записи.

Шаг номер два:

Сохраняете статью и просматриваете результат.

Готово!

Вот так будет выглядеть Ваша кнопка


Более подробно Вы можете почитать тут http://api.mail.ru/share Внизу страницы есть инструкция «Как интегрировать?» , там есть тот самый код, который Вы копируете и вставляте в конце своей статьи, а можете и вначале, хозяин барин.

Удачи!

P.S. Рекомендую по этой теме статью на Shakin.ru Как добавить кнопки социальных сервисов на свой блог. Ряд из 6 кнопок, которые Вы видите внизу поста,  я установила с помощью его инструкции.

Понравилась запись? Подпишитесь на RSS обновления прямо сейчас!

Профессиональный блог!
109 видеоуроков!
Откройте свой блог за 1 день!
wordpress-video.ru

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

Интересная статья? Поделитесь ею с друзьями:
КНИГА: "Идеальный план продвижения через социальные сети!"
Оставьте свой комментарий:
на Блоге
17 комментариев
  1. Здравствуйте, Марианна! Действительно очень просто. Спасибо!

    Подскажите, пожалуйста, а можно ли сделать такую кнопку, но только на весь блог, чтобы не вставлять каждый раз в каждый пост?

    Вот у Вас стоит ссылка на Твиттер в шапке блога. Так вот, можно ли поставить так же и кнопки со ссылкой на Мой Мир, В контакте и facebook?

    Заранее благодарна за ответ!

    • Здравствуйте, Ольга! Спасибо за комментарий.

      Думаю, что можно сделать одну такую кнопку на весь блог, но к сожалению пока с этим не успела разобраться.

      Ссылка на Твиттер в шапке блога у меня была встроена в сам дизайн блога, мне не приходилось самой вникать серёзно как её установить. Единственное, надо было найти место в админке блога как настроить эту ссылку так, чтобы она вела именно на мой аккаунт в Твиттере.

      Что касается остальных кнопок, про которые Вы говорите, здесь ещё есть над чем покорпеть, у меня не техническое образование и помощников в ведении блога нет, со всем приходится разбираться самой.

      Могу только пообещать, если открытия связанные с темой блога я смогу перевести в простые, понятные инструкции, то напишу тут о них.

  2. Марианна, спасибо за ответ. Я и сама не сильна в технических моментах, но стараюсь по максимуму осваивать премудрости.

    Да, хотела Вам сказать, что если скопировать приведенный Вами код и вставить в пост, то получается только надпись В Мой Мир. А кнопки нет. Я прошла по приведенной Вами ссылке и там есть код, который дает именно кнопку, как показано в Вашем примере.

    Скопирую сюда код. Если получиться просто вид кнопки — не обессудьте — я только учусь!

    В Мой Мир

  3. Увы, не получилось. Код кнопки отличается на маленький кусочек class="mrc__share", который стоит между <a и href в начале.

    Думаю, чтобы не очень мучиться, проще полностью скопировать его из инструкции "Как интегрировать".

  4. А подробней в деталях можно рассказать? заранее спс.

    • Satrek, я вобщем всё, что хотела, в этой статье рассказала на эту тему. Если бы какой-то конкретный вопрос у Вас возник, то я попробовала на него ответить.

  5. prosocseti.ru — оказывается ещё и полезный )

  6. У меня, к сожалению, вместо кнопки получилась ссылка((

  7. Хорошая статья!!! А еще можно вот такой код

    Нравится

  8. Андрэ

    Скажите пожалуйста а почему вместо самой кнопки высвечивается само только название а самой кнопки не видно ?! Хотя всё работает хорошо. Но хотелось чтоб кнопку тоже было видно. Заранее Вам благодарен.

    • Вы знаете, у меня тоже иногда появлялась просто ссылка в виде надписи, но когда я пересохраняла код, то появлялась кнопка. Причина этого мне и самой непонятна, к сожалению.

      • Это происходит потому что стили не загружааются.

        <a target="_blank" class="mrc__plugin_like_button" href="http://connect.mail.ru/share?url=''" data-mrc-config="{'type' : 'button', 'width' : '550', 'show_text' : 'true', 'show_faces' : 'true'}">Нравится

        Вот кнопка для всех страниц. Вставите свой сайт.

  9. Yana

    Здравствуйте! А скажите пожалуйста как можно в оформление (описание сообщества) загрузить картинку или сделать другой шрифт?

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

в Вконтакте
в Фейсбук