bloggerにTwitterのボタンを追加する

[したいこと・しりたいこと・目標]

bloggerにTwitterのボタンを追加する

[したこと]

(01)
Twitterのサイトに行く。

Twitter
http://twitter.com/

利用している人は右ペインにある開発者リンクを開く


利用していない人はページの下部分にあるAPIリンクを開く


(02)
Create cool applications! | dev.twitter.com
http://dev.twitter.com/
にあるTweet Button というリンクを開く



(03)
好みのスタイルに変更する。


コードをコピーする。

(04)
bloggerのHTMLを編集するタブを開き、ウィジェットのテンプレートを展開をチェックする。

テンプレートの編集画面で、以下のコードを探す。

<div class='post-footer-line post-footer-line-1'>

(05)
(04)で探したコードの下にTwitterのボタンを表示するコードを追加する。

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

(06)
プレビューで確認する。
テンプレートを保存する。