はてなブログのサイドバーにTwitterウィジェットをはめ込む方法
Twitterのつぶやきをはてなブログで発信したいというニーズをお持ちの方は、
一定数いらっしゃると思いますので、それを実現する方法を説明します。
やり方は、とっても簡単です。
- まずは公式のTwitterサイトでログインします。
- つぎに「設定」を選択
- ウィジェットを選び、「新規作成」を選択
- 「ウィジェットを作成」を選び、コードをコピーする。
- はてなブログの「デザイン」を選択
- カスタマイズ→サイドバーを選択
- 「モジュールを追加」を選択
- HTMLを選択
- タイトルは自由です
- こちらに先ほど生成したコードをペーストする。
※ちなみに、ウィジェットの幅をコントロールしたいときは、
<a class="twitter-timeline" href="https://twitter.com/twi_ishi" data-widget-id="315686914269253632"width="200">
このようなコードの部分(twi_ishiは私のアカウントなので、ここはご自身の
アカウントが表記されると思います。)の末尾に
上記のようにwidth="200"などと入れてコントロールするといいです。
初期設定の幅は結構横幅が広いので個人的には200くらいがちょうどいいかと。 - 「変更を保存」を選択