ドリコムRSSのBlogListにスクロールバーを付ける

旧MyBlogListとMyClipがドリコムRSSに移行したので、そのBlogListにスクロールバーを付けます。
小粋空間様とは別のやり方で付けています。
なるべく、今までのMyblogListのソースを流用する形にしました。
リスト部分には、「Powered by DrecomRSS」のテキストを残し、
ロゴバナーを外に出す方法です。

準備)ドリコムRSSの、「BlogList」-「リスト設定」で、表示するログに「テキストタイプのロゴ」を選択しておく。

1)「ブログリスト表示コード生成」したコードの前後を、以下のように<div〜>と</div>で囲む。
<div id="drecomrss"> <script language="javascript" src="http://list.blog.rss.drecom.jp/ドリコムRSSのユーザーネーム/" charset="UTF-8"></script> </div>

2)CSSに以下を追加。
#drecomrss { overflow: auto; height: 200px;/* ここの数字でスクロールバーの高さを変更 */ }

これでスクロールバーを付けるだけは完成です。
続いて、バナーを外に表示させ、MyblogListの「List Me!!」に当たる部分を追加するには、以下を作成します。

3)以下の「http://自分のURL」を設定して、生成コードの次に追加する。
<div id="drecomrss_powered-by"> <a href="http://rss.drecom.jp/" target="_blank"><img src="http://rss.drecom.jp/img/banner/drecomrss_banner.gif" border="0"></a> </div> <a href="javascript:void(window.open('http://rss.drecom.jp/shortcut/add_rss?url='+encodeURIComponent('http://自分のブログのトップページURLを指定'),'add_rss','scrollbars=yes,width=450,height=500,left=100,top=100,status=yes,resizable=yes'));">ドリコムRSSに登録</a>

4)以下をCSSに追加。
#drecomrss_powered-by { margin-top : 10px; margin-bottom : 5px; }

以上です。

参考記事
・ドリコムRSS（List Me!!作成方法）＜観測気球様＞

Comments

はじめまして。
MybloglistからDRECOMのスクリプトにやっと張替え、
スクロールバーで戸惑っていたところ、検索でこちらに
たどり着きました。
おかげさまで、ちゃんとつけることができました。
ありがとうございます！

Posted by ちーず at 2006年01月01日 23:07

こんにちは。

スクロールと「LIST　ME!!」の設定で困っていたところ、こちらの記事を見つけまして参考にさせていただきました。
とても助かりました。
ありがとうございました(*- -)(*_ _)ペコリ

Posted by らん at 2006年01月09日 11:30

> ちーずさん、らんさん
お役に立てて何よりです。
MyblogListから悪い意味で変わってしまったドリコムRSS。
こういった、従来からのユーザーにとっても、
同じように使いたいのに、どこをいじれば同じようになるか分からないのは、
ちょっと…アレですよね(T-T)

Posted by みゅう3 at 2006年01月10日 17:25