こそだて and… ~絵本で子育て〜

アラフォー主婦の双子男子と娘との暮らし

MENU

【はてなブログ】Twitterのタイムラインをサイドバーに埋め込む方法

f:id:kosodateand:20210609143735p:plain

 

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

Twitterの活用を開始したので、サイドバーにTwitterのタイムラインを埋め込んでみました。

 

パソコンがチンプンカンプンな私でも簡単に出来たので手順をご紹介します。

 

↓その前に「Twitterやってないよ〜!」って方はこちらの記事でメリットなど紹介してます。

www.kosodate-and.com

 

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

Twitterのタイムライン作成画面にアクセス

https://publish.twitter.com/#

 

②自分のTwitterのURLを入力し、入力欄右端にある→をクリック

 

TwitterのURLとはhttps://twitter.com/の後ろに自分のTwitterアカウントをつけたもの

 

f:id:kosodateand:20210608233708p:plain

 

③左側の「Embedded Timeline」をクリック

 

f:id:kosodateand:20210609140336p:plain

「set customization options」をクリックすると、サイズの変更が出来ます。

 (私は500×300で設定しています)

 

f:id:kosodateand:20210609141134p:plain



「Copy Code」をクリックして、コードのコピー完了です。

 

はてなブログに貼り付ける

はてなブログでサイドバーモジュールの追加画面を開く

 

ダッシュボード→デザイン→カスタマイズ→サイドバー→モジュールを追加  

 

②「HTML」を選択して、作成したコードを貼り付け、「適用」をクリック

 

f:id:kosodateand:20210609142439p:plain

 

③「変更を保存する」

 

これでTwitterのタイムラインがブログのサイドバーに表示されるようになります。

 

よかったら、Twitterの方ものぞいてみてください☆