Web
Analytics

ふるめろブログ

フルーツにメロメロな26歳による雑記ブログ。

はてなブログのサイドバーにTwitterを埋め込む方法

f:id:levelone:20210412144615p:plain
 

ご訪問ありがとうございます。

 ブログのデザインリニューアルに伴って、サイドバーにTwitterのタイムラインを埋め込みました。

f:id:levelone:20210411121411j:plain

 難しそうで今までやらずにいましたが、満を持して調べてみたら意外と簡単で、設定にかかった時間はたったの5分です。

そこで今回は、はてなブログのサイドバーにTwitterのタイムラインを埋め込む方法を簡単にまとめましたので、ぜひ参考にしてもらえたらと思います。

 

それでは、スタート!

 

 

 

まず、自分のアカウントにログインしたらTwitterの公式サイトにアクセスします。

ここ→Twitter Publish

 

 この画面がでたら、自分のアカウントのURLを入力します。

f:id:levelone:20210411121601j:plain

 

自分のアカウントのURLとは、https://twitter.com/の後ろに@の後ろ部分を入れるだけです。

私だったら、furumero_26を入力します。

f:id:levelone:20210412134950j:plain

 

→またはⅴをクリックしたら次の画面になるので、左のリストになっている方を選びます。

f:id:levelone:20210411121522j:plain

すると貼り付けるコードが表示されますが、このままだと大きすぎるのでサイズ調整します。

 
赤線の部分をクリックしたら、サイズ調整画面になります。

f:id:levelone:20210412135720j:plain

 

次の画面が出たら、高さと横幅をお好みのサイズに変更してください。

 

  • Height(px) → 高さ
  • Width(px) → 横幅
  • Light → 背景の色
  • Automatic → 言語(そのままでOK)

f:id:levelone:20210411121507j:plain

 当ブログでは、高さ650横幅300に設定しました。

はてなブログのサイドバーに張り付けるならこのサイズでぴったりです。

 

高さはお好みで調整してくださいね!

 f:id:levelone:20210411121457j:plain

 

 設定できたらUpdateをクリック。

 

f:id:levelone:20210411121449j:plain

するとコードが生成されるので、コピーします。

この画面がでたら、コピー完了です。

f:id:levelone:20210411121440j:plain


ここまでできたら、はてなブログの設定画面に移動します。

 

移動したらデザイン→カスタマイズ→サイドバー→モジュールを追加を開きます。

f:id:levelone:20210411121432j:plain

f:id:levelone:20210411121425j:plain

 f:id:levelone:20210411121420j:plain

 

下にスライドしたらHTMLがあるので、ここにさっきコピーしたコードを張り付けたら完成です。

f:id:levelone:20210411121415j:plain

適用のクリックをお忘れなく!

 

 うまくできたらこんな感じになります。

f:id:levelone:20210411121411j:plain


簡単にできるので、ぜひやってみてください。

 

最後まで読んでくれてありがとうございます!

 

ランキングに参加しています!
応援クリックしてもらえたら嬉しいです!!!

ブログランキング・にほんブログ村へ

 

このブログははてなブログで運営しています。
 読者登録はこちら