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

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

 

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

ツイッターの自分のアカウントの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

AUTHOR

森北博子
森北博子ぴんぽいんとパソコン教室 主宰
パソコン教室に8年勤務後に独立、2012年6月から自宅にて【ぴんぽいんとパソコン教室】をスタート。ちょっと変わった変なものが好きなB型。趣味はカエル雑貨収集とフィギュアスケート観戦(ちょっと滑れます)。