1. ホーム
  2. 質問と答え
  3. 私のウェブサイトにTwitterとFacebookのソーシャルメディアボタンを追加するにはどうすればいいですか？

私のウェブサイトにTwitterとFacebookのソーシャルメディアボタンを追加するにはどうすればいいですか？

2013-10-05 6 views

答えて

0

右ボディの後やヘッダの前に、あなたのHTMLページにこれを追加します。

<div id="fb-root"></div> 
<script>(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#xfbml=1"; 
    fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk')); 
</script>

（あなたがASP.NETでのかみそりビューエンジンを使用している場合は、_SiteLayout.cshtmlに上記のスクリプトを追加複数のページにボタンが必要な場合はファイル）。

次に表示されるように、[S]ボタンをしたい場所でこれを追加します。

<div style="display:inline-block;vertical-align:top"> 
    <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.awardwinnersonly.com" data-text="Czech out the books, movies, and music that won major awards" data-via="BClayShannon">Tweet</a> 
    <script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + '://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-wjs'); 
    </script> 
</div> 
<div style="display:inline-block;vertical-align:top" class="fb-like" data-href="http://www.awardwinnersonly.com" data-send="false" data-width="450" data-show-faces="false" data-font="segoe ui"> 
</div>

は、あなたのウェブサイトのURLをあなたが望むものとTwitterの「データ・テキスト」の値を「http://www.awardwinnersonly.com」を交換してくださいデフォルトで言うつぶやきとTwitterの "data-via"（Pancho Villaと混同しないでください）の価値をあなたのTwitterのハンドルに与えます。また

、あなたは（ティトティトの受け入れ答えから）Facebookのコメントボタンをしたい場合は、これを追加します。追加したいんどのボタン参照、Facebookのために

<div class="fb-comments" data-href="http://www.awardwinnersonly.com" data-colorscheme="The color scheme used in the plugin" data-numposts="5" data-width="450"></div>

出典

2013-10-05 13:48:50

1

ボタン画像をjpegとしてダウンロードし、画像へのリンクを追加しました（Kompozerソフトウェアを使用）。彼らが作るためにリンク・アドレスの前に私にも追加ターゲット=「_空白」を追加したら

target="_blank" href="https://twitter.com/username

出典

2013-10-12 11:34:46

1

がオフライン自分のために適したアイコンを探す:)必ず新しいタブが他の誰かのサイトにWebユーザーをリダイレクトするのではなく、開いていますあなたのfacebook/twitter/etcページにリンクされたリンクを追加してください。

このようにしてデザインを制御できます。

出典

2015-03-03 19:45:14

関連する問題

 関連する問題