Takeuchi BLOG

ブログで個人で稼ぐ方法を実践しています。 2006年から始めてアフィリエイト歴13年です。

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

※[PR]当ブログの記事の中にはプロモーションが含まれています。

サイドバーにTwitterタイムラインを埋め込む

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

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

本記事の内容

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

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

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

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

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

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

https://publish.twitter.com/ 

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

サイドバーにTwitterタイムラインを埋め込む

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

サイドバーにTwitterタイムラインを埋め込む

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

サイドバーにTwitterタイムラインを埋め込む

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

サイドバーにTwitterタイムラインを埋め込む

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

サイドバーにTwitterタイムラインを埋め込む

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

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

サイドバーにTwitterタイムラインを埋め込む

</>HTML」を選ぶ。

サイドバーにTwitterタイムラインを埋め込む

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

サイドバーにTwitterタイムラインを埋め込む

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

サイドバーにTwitterタイムラインを埋め込む