はてなブログで遊ぶ - Twitterのタイムライン埋め込み -

はじめに

はてなブログのカスタマイズです。

TOPページに自分のTwitterのタイムラインを埋め込みたいと思います。

こんな感じになります。

やり方

Twitter Publish にアクセスし、埋め込みコードを取得します。

自分のTwitterページ(私の場合は、https://twitter.com/_tamitom)を入力します。

Embedded Timeline を撰択します。

Copy Codeをクリックします。

はてなブログ

デザイン > カスタマイズ > サイドバー

モジュールを追加をクリック

HTMLを撰択し、タイトル、先ほどコピーしたコードを貼り付けて、適用をクリック。

コードは下記の様にし、赤字の部分を追加し、表示する数を制限しています。

<a class="twitter-timeline" href="https://twitter.com/_tamitom?ref_src=twsrc%5Etfw" data-tweet-limit="3">Tweets by _tamitom</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

変更を保存するをクリック。

表示されるようになりました！！

〆