0

このウェブサイトに出会い、Facebook と Twitter のボタンがカスタマイズされていることに気付きました。

http://www.mint.com/blog/how-to/4-essential-questions-to-ask-at-the-end-of-a-job-interview/

私のウェブサイトにどのように実装できるか知りたいですか？

4

2 に答える 2

0

自分でやりたい場合は、次のリファレンスを参照してください:カスタム Twitter ボタンとカスタム Facebook ボタン facebook:

<div id="fb-root"></div>
<script>

    window.fbAsyncInit = function() {
        FB.init({
            appId: '{appId}',
            status: true,
            xfbml: true
        });
    };

    (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) {
            return;
        }
        js = d.createElement(s);
        js.id = id;
        js.src = "//connect.facebook.net/en_US/all.js";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));

    $(document).on(
            'fbpost', //  <—- HERE'S OUR CUSTOM EVENT BEING LISTENED FOR
            function() {

                FB.ui(
                        {
                            method: 'feed',
                            name: '{appShareName}',
                            message: '{appShareMessage}',
                            caption: '{appShareCaption}',
                            description: (
                                    '{appShareDescription}'
                                    ),
                            link: '{appLink}',
                            picture: '{appURLToImage}',
                            actions: {
                                name: '{appShareActionName}',
                                link: '{appActionLink}'
                            }
                        },
                function(response) {
                    if (response && response.post_id) {
                        alert('Post was published.');
                    }
                });
            });
    $(document).ready(function() {
        $('.facebook').click(function() {
            $(document).trigger('fbpost');
        });
    });

</script>

<div class="facebook"><img src="/assets/images/facebook.png" /></div>

ツイッター：

<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

<div class="twitter">
    <a href="https://twitter.com/intent/tweet?url={appLink};text={appShareMessage};size=l&amp;count=none">
        <img src="/assets/images/twitter.png" />
    </a>
</div>
于 2014-05-17T00:53:47.630 に答える
0

現在、ソーシャル ネットワーク ボタンのカスタマイズに役立つ jquery プラグインが多数あります。例えば

  1. Sharrre プラグイン (Web サイト: http://sharrre.com )
  2. Koottam ソーシャル jQuery プラグイン ( http://jobyj.in/koottam-jquery-plugin/index.html )
于 2013-01-10T15:33:49.957 に答える