Как сделать пользовательские кнопки share

Я всегда хотел добавить кнопки Facebook share в Мои приложения, но проблема в том, что все они выглядят по-разному. Я вижу такие сайты, как этой то есть специально созданных кнопок "Поделиться". Кто-нибудь знает хороший учебник или имеет какие-либо указатели о том, как справиться с этим?

1 ответов


обмен чем-то одним facebook довольно легко, вот HTML для моей пользовательской кнопки share.

<div id="share_div">
    <div id="share">
        <a class="click" href="http://www.facebook.com/dialog/feed?app_id={{fbapp_id}}&link={{link_url}}&message={{share_message|urlencode}}&display=popup&redirect_uri={{link_url}}" target="_blank">
            Share
        </a>
    </div>
</div>

где все {{переменные}} должны быть заменены на правильное значение : fbapp_id - это идентификатор вашего приложения facebook. link_url-это ссылка, прикрепленная к общему контенту (например, ссылка на ваш сайт) и share_message|urlencode это сообщение, которое является общим, и оно должно быть urlencoded.

также здесь некоторые css, чтобы стиль это как реальная кнопка facebook :

#share {
    border:1px solid #0D386F;
    background-color:#5D7DAE;
    height:24px;
    width: 100px;
}

#share a.click {
    font-size:13px;
    font-weight:bold;
    text-align:center;
    color:#fff;
    border-top:1px solid #879DC2;
    background-color:#5D7DAE;
    padding: 2px 10px;
    cursor: pointer;
    text-decoration:none;
    width:80px;
    display:block;
}

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

это ответ на твой вопрос ?