10月から新しい
アカウントを作ったTwitter
勢いも大事!?Twitter新アカウントを作りました!
Twitter*新アカウント
「今後も続けていきたいな~!」
と思っているので、
アメブロのサイドバーにも
表示させることにしました!
サイドバーにTwitterを表示させる手順
手順①:「Twitter Publish」でコードを作成
手順②:アメブロに貼り付ける
手順③:フリープラグインを表示させる

手順①:コードを作成
アメブロのサイドバーに
Twitterを貼り付けるには、
専用のコードが必要です。
Twitter Publishというサイトへ
アクセスしてコードを作成します。

表示されたページの枠の中に
(上図で赤く囲った部分)
自分のTwitterのURLを入力します。
自分のTwitterのURLは
▶ https://twitter.com/(TwitterIDの@より後)
入力して枠の右端にある「→」を押すと、
下のような画像が表示されるので、
左側の「Embedded TimeLine」をクリックします。
↓

アメブロのサイドバーへ
表示できるサイズに調整するため、
「set customization options.」
をクリックします。
↓

表示する時の
【縦の幅】と【横の幅】を
それぞれの枠に入力します。
私は
【縦の幅】=800
【横の幅】=320
で表示させています。
入力が完了したら
「Update」をクリックします。
↓

「Copy Code」をクリックすると
作成したコードのコピーが完了します!
↓

今度はこのコードを
アメブロへ貼り付けていきますよ~
手順②:アメブロに貼り付ける
Twitterはアメブロの
「サイドバー」に表示させます。
まずは「サイドバー」に
Twitterを表示させる
スペースを準備していきます。
アメブロの設定画面を開き、
左側の項目から「設定・管理」を
クリックしてページを移動します。
↓

「サイドバーの設定」の項目の中から
「プラグインの追加」を選択します。
↓

「フリープラグイン」を選択し、
下の枠の中に【手順①】で作成&コピーした
専用コードを貼り付けます。
(下図の青枠の部分)
貼り付けが完了したら「保存」します。
↓

これで、サイドバーに
Twitterを貼り付けるスペースを作り、
実際に貼り付ける作業が完了しました。
次に、貼り付けたスペースを
表示させていきます!
手順③:表示させる
もう一度
アメブロの設定画面
「設定・管理」を開き、
「サイドバーの設定」の項目の中から
「配置設定」を選択します。
↓

【使用しない機能】の枠中にある
「フリープラグイン」のボックスを
ドラッグ&ドロップして、
【使用する機能】の枠中の
好きな位置に移動させます。
↓

好きな位置に配置したら
「保存」を押して完成です!
実際にやってみると
意外に簡単にできるので
ぜひお試しください