twitterボタンを表示しようと思ったいきさつ
最近技術情報収集用のtwitterを始めたのですが、 はてなブログに「フォローするボタン」がなかったので、 実装してみました。
実は後で気づいてのですが、はてなブログの機能で追加する方法がありました。
まあ、せっかくなので情報共有したいと思います。
完成すると下記のようなボタンが実装できます。 フォロワー募集中です（笑） Follow @onarimonprogram
作成手順
ボタンを作成する
まずは下記ページにアクセスして自分専用のフォローボタンを作成しましょう。 https://publish.twitter.com/
「Twitter Buttons」を選択
今回はフォローボタンを作るので「Follow Button」を選択
テキストボックスにtwitterのアカウントを入力
Copy Codeを押してコードをコピーする。
はてなブログでボタンを設定する
サイドバーにボタンを追加する
ダッシュボード > デザイン > カスタマイズ > サイドバー> モジュールを追加 をクリック
HTMLを選択し、先ほどコピーしたコードを張り付ける。
これで完成
補足
ちなみにコピーしたコードはブログの本文中に貼り付けると、 文章中にも表示できます。 Follow @onarimonprogram
