スタイルシート（CSS）インラインフレームでBlogPeopleとMyblogListをスクロール！

以前にもスタイルシート（CSS）を使ってインラインフレームを作成！で似たような事をやっていたんですが、BlogPeopleやMyblogListのバナー（うちはテキストのみ）やリンクに登録（List Me）などが隠れてしまっていました。

なのでこれらをインラインフレームの外に出す事にしました。参考にしたのはこちらです。

└ BlogPeopleリスト出力形式の変更のお知らせ
└ BlogPeopleリストをスクロール
└ MyblogListにスクロールバーがついた！

まずBlogPeopleは、以下のスタイルシート設定をCSSファイルに追加するだけです。
heightは任意です。リンクリストが指定した高さ以上になると、自動的にスクロールバーが出ます。

.blogpeople-main { overflow: auto; height: 300px; }

<div class=blogpeople-main> ～ </div>

となってるので、そのまま効きます。

次にMyblogListは、貼り付けるコードを書き換える必要があります。MyblogListの表示設定から「List Meをなし」に設定して、新たにコードを取得します。

取得したコードをクラス指定した<div>タグで囲みます。（当然クラス名は任意）
さらにMyblogListへのリンクを自作し、直下に追加します。BlogPeopleと見た目を同じくする為に<br>も追加します。スタイル指定で行きたい方はご自由に。

<div class="mybloglist"> ～ MyblogListのコード ～ </div>
<br>
<a href="http://list.myblog.jp/" target="_blank">by MyblogList</a>
<br>

次にMyblogListのコード生成から「JavaScriptを使用したListMe!!」のコードを取得します。要するにListMeだけ別口でブラウザ処理させるって事ですね。

先ほどの<br>の下に追加します。

<br>
javascriptのListMe!!コードを貼り付け！

最後に以下のスタイルシート設定をCSSファイルに追加して完了です。

.mybloglist { overflow: auto; height: 300px; }

追記：
mybloglistのサービスがDrecomRSSへ以降して、リストコードも張り替えないとと思ってると、なんか訳わからん事になってます。
└ MybloglistからドリコムRSSへの移行

張り替えて表示させてみたけど、Listに追加させるリンクがありません（悲）
もう鬱陶しいので削除

これからはBlogPeopleだけを表示させます。スッキリして良かったかも。