ツイッターのウィジェットをアメブロのサイドバーに設置する

アメブロのサイドバーにツイッターのウィジェットを設置すると、投稿内容を表示させることができます。

 

ツイッターのウィジェットをアメブロのサイドバーに設置する

ツイッターの自分のアカウントのURLをコピー

1.ツイッターの右上の自分のアカウントアイコンをクリック→「プロフィール」をクリック

ツイッターをアメブロサイドバーに000

2.画面上部に表示されたURLをコピー

ツイッターをアメブロサイドバーに001

ウィジェットを作成

再びツイッターの右上の自分のアカウントアイコンをクリック→「設定とプライバシー」をクリック
ツイッターをアメブロサイドバーに002

 

2.サイドメニュー「ウィジェット」→「新規作成」→「プロフィール」をクリック

ツイッターをアメブロサイドバーに003

3.先ほどコピーしたツイッターURLを貼り付ける→「→」ボタンをクリック

ツイッターをアメブロサイドバーに004

4.左側の「Embedded Timeline」をクリック

ツイッターをアメブロサイドバーに005

5.青文字「set customization options」をクリック

ツイッターをアメブロサイドバーに006

6.高さと幅の数値を入力し、プレビューで確認したら「Update」をクリック

※必要であれば背景色やリンク色の設定をしてください
ツイッターをアメブロサイドバーに007

7.「Copy Code」をクリック

ツイッターをアメブロサイドバーに008

8.「Copied!」が表示されたら「×」をクリックして画面を閉じる

ツイッターをアメブロサイドバーに009

アメブロにツイッターのウィジェットを設置

1.アメブロ管理画面のサイドボタン「設定・管理」→「プラグインの追加」をクリック
ツイッターをアメブロサイドバーに010

2.「フリープラグイン」タブをクリック

ツイッターをアメブロサイドバーに011

3.上記手順7.でコピーしたウィジェット設置用データを貼り付けて「保存」ボタンをクリック

ツイッターをアメブロサイドバーに012

ブログの画面で確認して表示されていれば完了です!
(画面が変わっていない場合は「更新」ボタンをクリック)

ツイッターをアメブロサイドバーに013