[試] Blogger™ ウェブ パブリッシング サービスのブログにTwitterウィジェットを追加する方法

こんにちは、marubon(@marubon_jp)です。

Twitterのガジェットを追加するのにかなり時間を要してしまいました。
ブログ超初心者ということも理由にあるのですが、備忘の意味も含め方法をメモしておきます。

追加方法の概要は下記の通りです。

  1. Twitterサイトでウィジェットを作成します。
  2. Blogger™ ウェブ パブリッシング サービスのレイアウトエディタからウィジェットを追加します(コードを埋め込む)。

何の変哲もない流れなのですが、注意事項もあるので具体的に見ていきましょう。

  1. Twitterサイトでウィジェットを作成します。
    1. Twitter(https://twitter.com)にログインします。
    2. Twitter右上の「設定とヘルプ」を選択し、「設定」をクリックします。
    1. 左メニューから「ウィジェット」を選択し、右上の「新規作成」をクリックします。

 

    1. 作成するウィジェットの設定項目が表示されるので、必要項目を埋めていきます。ここで重要なのは、「ドメイン」の部分で自分のブログのhttp://以下を追記する事です。私のアカウントの場合は、marubon.blogspot.jpですね。ここを間違えるとウィジェットを配置できてもタイムラインが全く表示されま せん。「変更を保存」をクリックすると必要なコードが自動生成されるので、クリップボードにコピーしておきます(Blogger™ ウェブ パブリッシング サービスのサイトで貼り付けま す)。

 

  1. Blogger™ ウェブ パブリッシング サービスのレイアウトエディタからを追加します。
    1. Blogger™ ウェブ パブリッシング サービスのホームページ(http://www.blogger.com/home)に行き、「レイアウト」をクリックします。

 

 

    1. レイアウトのページに遷移するので、ウィジェットを追加したい場所で「ガジェットを追加」をクリックします。

 

 

    1. 追加するガジェットを選択するダイアログが表示されるので、「基本」タブをクリックします。

 

 

    1. 下の方にスクロールさせて行き、「HTML/JavaScript」の「+」をクリックします。
    1. コードの入力画面が表示されるので、上記”1 – iv”でクリップボードにコピーしたコードを貼り付け、「保存」をクリックします。
    1. レイアウト画面にてウィジェットが追加されたことを確認し、「配置の保存」をクリックします。
    1. ブログの画面を表示し、Twitterのウィジェットが正常に動作していることを確認します。以上で終了です。