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

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

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

 

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

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

ABOUTこの記事をかいた人

パソコン教室に8年勤務後に独立、2012年6月から自宅にて【ぴんぽいんとパソコン教室】をスタート。おうちサイズで起業をする女性を、パソコン&スマホという分野からサポートできるよう、日々アンテナを張って新しい情報を仕入れ勉強中。ちょっと変わった変なものが好きなB型。趣味はカエル雑貨収集とフィギュアスケート観戦(ちょっと滑れます)。