こんにちは、もなりんです。
早速ですが、あなたはいろいろなブログにTwitterのタイムラインが埋め込まれているのを見たことがありますか?
わたしは見かけるたびに「どうやっているんだろう?」と気になっていました。
そこで、今回ははてなブログにTwitterのタイムラインを埋め込む方法を教えたいと思います。
1、Twitterのアカウント開設
ここではTwitterのアカウントが開設されていることを前提に話を進めさせてもらいます。
2、Twitterにアクセスする
下記リンクへアクセスしてください。
https://twitter.com/settings/widgets/new/user
すると下記のような画面が出てくると思います。(ログインしていない人はログイン後に出てきます)
3、埋め込むサイズを決める
画面を下にスクロールすると、赤枠の部分があると思います。
ここで、埋め込むサイズをどうするか設定しますので、クリックしてください。
わたしは、縦のサイズを500、横のサイズを300で設定しました。
4.htmlをコピーする
出来上がったhtmlをコピーします。
これで、Twitterでの作業は終了です。
5、はてなブログでhtmlを埋め込む
今度ははてなブログ側での作業です。ここでは、サイドバーに埋め込んでいきます。
[メニュー]⇒[デザイン]⇒[サイドバー]を開いてください。
6、完成
無事にサイドバーに埋め込まれました。
まとめ
出来ましたでしょうか?
これであなたのブログもちょっとレベルアップしましたね。
参考記事
今回お世話になったのは、こちらの記事です。
ありがとうございました。