手順

それでは，順を追って御説明いたします。

Twitter と連携する

Twitter アカウントの開設は済んでいる，という前提でお話しいたします。

先に，Twitter アカウントを開設しておいてください。

また既に連携できている場合や「読者になるボタン」のみでもよい場合は，次のステップに進んでください。

ダッシュボード
↓
サイドメニュー［アカウント設定］
↓
タブ［外部サービス連携］
↓
項目［Twitter連携設定］

はてなブログのアカウント設定から Twitter 連携を設定している画像 — 画像は Twitter との連携が済んだ状態です

これで，はてなブログに Twitter 関連のボタンを表示する準備が出来ました。

プロフィール欄を設置する

次は，ブログ内にプロフィール欄を設置します。

既にプロフィール欄を設置されている場合は，プロフィールモジュールの「編集」を選んでから次のステップに進んでください。

ダッシュボード
↓
サイドメニュー［デザイン］
↓
タブ［カスタマイズ］（スパナのアイコン f:id:tsu_games:20200211145334p:plain ）
↓
サイドメニュー［サイドバー］
↓
サイドメニュー［モジュールを追加］
↓
サイドメニュー［プロフィール］

はてなブログのモジュール編集ポップアップが表示されている画像 — ［モジュールを追加］で現れるポップアップ

これで，プロフィール欄を表示する準備が出来ました。

HTML でボタンを配置する

次はメニューの中の「自己紹介」欄に，各種ボタンを HTML で記述します。

ここに自己紹介を書きます。


↓「読者になるボタン」です。
<iframe src="https://blog.hatena.ne.jp/はてなＩＤ/ブログのドメイン/subscribe/iframe" allowtransparency="true" frameborder="0" scrolling="no" width="150" height="28"></iframe>
↓「フォローするボタン」です。
<a href="ツイッターのアドレス?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-show-count="false">@*** をフォローする</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
↓「ツイートするボタン」です。
<a href="https://twitter.com/intent/tweet?screen_name=ツイッターアカウント&ref_src=twsrc%5Etfw" class="twitter-mention-button" data-show-count="false">@*** へツイートする</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>