自分専用BlogPet俳句集をサイドバーに表示

あたまがうにになるさまのBlogPetの俳句集には、みんなの俳句が表示されます。
それとは別に、自分の飼っているペットのみの俳句集を、表示するようにしました。
右サイドバー「BlogPetの俳句」に入っています。

私のソースは、以下の通りです。
「url=」には自分のBlogのURL、「cnt=」には表示したい件数、「charset=」にはBlogの文字コードを設定します。
また、日付を非表示にするには更に「&date=no」と記述すればよいようです。

<script type="text/javascript" src="http://www.i-on.gr.jp/~lan/blogpet/haiku_usr.php?url=http://koroppy.cocolog-nifty.com/blog/&cnt=5&charset=UTF-8"></script>

CSSでフォントやいろいろ設定できたら嬉しいかも。

スクロールバーをつけられるようになったら、もっと件数を増やして表示したいですね。
→divタグで囲めばよいのですね。

<div class="blogpet-haiku">スクリプト</div>

CSSは以下の通りです。

/* BlogPet俳句集 */
.blogpet-haiku {
overflow: auto; height: 150px;
margin-top:10px;
margin-bottom:10px;
}

【追記】
サイトによっては、黒丸がついてリスト化されて表示されるようです。
私もseesaaでは、同じように表示されます。
CSSで、黒丸を非表示にし、文字の位置も左に戻す方法は以下の通りです。

.blogpet-haiku li {
list-style: none;
}
.blogpet-haiku ul {
margin-left:0px;
}

【2005.8.24　追記】
使われるURLが、変更になりました。
詳しくは「BlogPet俳句集のURLが新しくなりました」をご覧下さい。