Blogger に twitter の "ツイート" ボタン を 設置、追加する方法を記載します。 各ページ (投稿) に対する ツイート ボタン です。 ここに載せる コード は ブログ テンプレート に対してコピペ で使えるようにしてあります。 表示したい位置へ コピー & ペースト して利用してください。 作業手順手としては次の通りです。
その他の ソーシャルボタン もまとめて追加する方法は こちら。
twitter ツイート ボタン の 設置手順
- マイブログ から [テンプレート] → [HTML の編集] を選択します。
- 任意の表示したい場所へ以下の ソースコード を コピー & ペースト します。
テンプレート編集 をしている 以下の画像の場合、投稿記事タイトル の直後に配置するようにしています。
投稿リンクを共有(数を水平に表示)
ツイート<a href="https://twitter.com/share" class='twitter-share-button' data-lang='ja' expr:data-text='data:post.title' expr:data-url='data:post.url' >ツイート</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>
投稿リンクを共有(数を縦に表示)
ツイート<a href="https://twitter.com/share" class='twitter-share-button' data-lang='ja' expr:data-text='data:post.title' expr:data-url='data:post.url' data-count='vertical' >ツイート</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>
投稿リンクを共有(数を表示しない)
ツイート<a href="https://twitter.com/share" class='twitter-share-button' data-lang='ja' expr:data-text='data:post.title' expr:data-url='data:post.url' data-count='none' >ツイート</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>
参考記事
最後に… このブログに興味を持っていただけた方は、 ぜひ 「Facebookページ に いいね!」または 「Twitter の フォロー」 お願いします!!