Bloggerトップページにtweetボタンを設置する

前回はfacebook「いいね！」ボタンを設置しました。
次は、Bloggerのトップページにtwitterのボタンを設置してみましょう。

1.twitterボタンのコードを生成します

こちらのページから、Twitterボタンを設置するためのコードが生成できます。

https://twitter.com/about/resources/buttons#tweet

こちらでは

• リンクを共有する
• フォローする
• ハッシュタグ
• ＠ツイート

の4種類のボタンが生成できますが、今回は「リンクを共有する」を選択します。


「リンクを共有する」を選択すると、画面下部に詳細デザインの設定項目が表示されます。
各項目を設定後画面右部のプレビューボタンをクリックすると、ツイートボタンクリック時の動作確認ができます。

2.コードをテンプレートに貼り付けます

テンプレート内のタイトル部分を検索します。



h1タグ部分がブログタイトルですので、1.で生成したコードを（前回設定したfacebookのボタンの隣に）配置します。



すると、以下のように表示されます。



以上で、設置手順は終了です。