【はてなブログ】サイドバーにTwitterタイムラインを埋め込む手順【簡単】

・はてなブログのサイドバーに、Twitterのタイムラインを埋め込みたい。
・その方法を知りたい。

こういった疑問に答えます。

本記事の内容

1. はてなブログのサイドバーに、Twitterのタイムラインを埋め込む手順

この記事を書いている私は、2006年から始めて、アフィリエイト歴は13年ほど。
当ブログの他にも複数ブログを運営していて、毎月コンスタントに収益が発生しています。

こういった私が、解説していきます。

• 本記事の内容
• はてなブログのサイドバーに、Twitterのタイムラインを埋め込む手順
  • Twitterタイムライン埋め込み用コードを作成
    • TwitterのURLを入力して、矢印をクリック
    • Here are your display optionsで「Embedded Timeline」の方を選ぶ。
    • 埋め込み用のコードが表示される。「Copy Code」ボタンをクリック。
    • 「Copied!」と表示されたら、埋め込み用コードがコピーできた状態。
  • はてなブログのサイドバーに追加
    • デザイン＞カスタマイズ＞サイドバーの「＋モジュールを追加」をクリック
    • 「</>HTML」を選ぶ。
    • さきほどコピーしておいた埋め込み用コードを貼り付ける。
    • 「適用」→「変更を保存」で、サイドバーにTwitterのタイムラインが埋め込めました。

はてなブログのサイドバーに、Twitterのタイムラインを埋め込む手順

1. Twitterタイムライン埋め込み用コードを作成
2. はてなブログのサイドバーに追加

Twitterタイムライン埋め込み用コードを作成

https://publish.twitter.com/　

まずは上記ページにアクセスします。

TwitterのURLを入力して、矢印をクリック

Here are your display optionsで「Embedded Timeline」の方を選ぶ。

埋め込み用のコードが表示される。「Copy Code」ボタンをクリック。

「Copied!」と表示されたら、埋め込み用コードがコピーできた状態。

はてなブログのサイドバーに追加

デザイン＞カスタマイズ＞サイドバーの「＋モジュールを追加」をクリック

「</>HTML」を選ぶ。

さきほどコピーしておいた埋め込み用コードを貼り付ける。

「適用」→「変更を保存」で、サイドバーにTwitterのタイムラインが埋め込めました。