AirLife Blog

人生の活動記録。ヘリコプターを始め航空関連を中心に日常で感じた事や健康・書評・音楽・映画・食レポなどの情報発信。調べごとや思考したことをOUTPUTしていきます。役立つ情報を共有できることが喜び。

はてなブログでTwitterのタイムラインをサイドバーに設置する方法

ブログの更新をお知らせするためにTwitterは欠かせないツールとなっております。そこで、更にブログとTwitterの連携を強化するために、Twitterのタイムラインをはてなブログのサイドバーに設置する方法をご紹介する。

Twitter Publishの設定手順

1.下記URLをクリック
 Twitter Publish

2.下記の画面が表示される

f:id:r246toshi:20191119134601p:plain

3.自分のTwitterアカウントのURLを入力(表示されているのは私のTwitterアカウント)

4.矢印をクリック

5.下記の画面が表示される

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

f:id:r246toshi:20191119135051p:plain

7.「set customization options」をクリック

8.下記の画面が表示される

f:id:r246toshi:20191119135208p:plain

9.高さを「400」と入力する(入力しないと凄い長さになる)

10.「Update」ボタンをクリック

11.下記画面が表示される

f:id:r246toshi:20191119135051p:plain

12.「Copy Code」ボタンをクリック

13.下記画面が表示される

f:id:TKboo:20191023020714j:plain

14.「×」ボタンをクリック

はてなブログの設定手順

1.はてなブログのダッシュボードを表示する

2.「デザイン」→「カスタマイズ」→「サイドバー」→「+モジュールを追加」→「</>HTML」を順次クリック

3.下記の画面が表示される

f:id:r246toshi:20191119140728p:plain

4.タイトルに「Twitter」と入力

5.その下のボックスに先ほどコピーしたコードをペーストする

6.「適用」ボタンをクリック

7.「変更を保存する」をクリック

完成イメージ

こんな感じでサイドバーにTwitterのタイムラインが設置出来ていることを確認

f:id:r246toshi:20191119141045p:plain

参考資料

皆さんのブログ記事を参考にさせて頂きました。

その他「はてなブログ」の設定