友だちはLivedoorブログだったので、とりあえずLivedoorブログに登録し、実際に設定ページを確認しながら友だちに解説。
うまくツイッターを貼り付けられたようで、ひと安心。
ちなみに、ぼくのブログにはこんな感じでツイッターのウィジェットを貼り付けてます。
Twitter公式ページでウィジェットをカスタマイズ
・プロフィールウィジェットをカスタマイズする
http://twitter.com/goodies/widget_profile
まずは上記Twitter公式ページにある「プロフィールウィジェット」ページにアクセスします。
左に
設定
カスタマイズ
デザイン
サイズ
という項目が並んでいますが、それぞれのページで設定を指定出来ます。
設定を変えると、その都度右に表示されているプレビューが変化するので、そこで確認しながら設定出来ます。
「カスタマイズ」欄の「スクロールバーを表示?」にチェックを入れておくとよいかも。
「デザイン」欄では、色コードが記入してある隣の小さな四角い色ボックスをクリックすると、色変更が出来るスライダー付き設定画面が出るので、そこでそれぞれお好みの色を指定出来ます。
「サイズ」欄で「横幅の自動調整」にチェックを入れるとよいと思います。
初期設定のままだと、多くのブログでは横幅が切れちゃうのではないかと。
高さは少し長目に設定する方が吉かもです。
ある程度設定したら、ページ下にある「完了&コード取得」ボタンを押してコードを表示、それをコピーしておきます。
Livedoorブログの設定
・Livedoorブログの「マイページ」に入り、「ブログ設定」をクリック。
・ブログ設定ページにある「ブログパーツ」の「新規追加」をクリック。
・一番右下の「フリーエリア」の「追加」ボタンをクリック。
確認ウィンドウが出るので、「追加する」ボタンをクリック。
・「ブログパーツタイトルを表示しない」にチェックを入れた方がスマートだと思うけど、お好みで。
「ここにプレビューが表示されます」の下の大きな欄に、先ほど取得したツイッターのコードを貼り付け。
・ページ下部の「保存」ボタンを押して終了〜。(^^)
この後、ブログを確認しつつツイッターウィジェットの設定画面に戻って
ツイッターウィジェット設定修正 → コード再取得
→ ブログパーツの「フリーエリア」設定に修正したコードの貼り付け
をして調整、ってことになると思います。
Livedoorブログのブログパーツの「フリーエリア」設定に修正したコードをペーストし直す時、編集画面に入るのがわかりにくかったのですが。
「ブログパーツの設定」ページに並んでいる、該当ブログパーツの右上にある小さなエンピツアイコンをクリックすると、それぞれのブログパーツの個別設定が出来ます。
おそらくこんなんでツイッターをブログに設置できるのではないかと。