【はてなブログ】設定メモTwitterのタイムラインをブログに表示（のメモ）

概要

• （目的）Twitterのタイムラインをサイドバーに表示させる
• Twitterの部品ジェネレーターを使ってコード生成
• デザイン→サイドバーの設定を開き、HTML部品に張り付けする

コードの生成・コピー

以下のサービスをを利用します。

Twitter Publish

自分のツイッターのURLを入力する。

そうすると画面の下側にある表示オプションが更新されます。 

次に表示のオプションを選び。

タイムラインは右側です。ワンクリックで選択状態になる。

そうすると、コードが出力されます。

「Copy Code]をクリックして、クリップボードに保存し、ウェブサイトのHTML内にペーストして完了です。

はてなブログのパーツに張り付け

 ここからは「はてなブログ」の貼り付け場所の備忘録です。

サイドバーの設定の方法は良くど忘れするので……

基本的には管理画面の「デザイン」の設定内で、デザイン内のHTMLを記述できるテキストボックスに先ほどのコードをコピーして完了です。

以下の例ではサイドバーに追加するケースです。

 サイドバーにタイムラインを表示するの手順

1. 「スパナのアイコン」を選択
2. 「サイドバー」を選択・展開
3. 「モジュールの追加」をクリック
4. 「HTML」のタブを選択

出来上がりはこのようになります。

最後に「変更を保存」で完了。ブログに反映されます。