BlogPetミニアイコンをロールオーバータイプに変更

サイドバーに表示しているBlogPetのミニアイコンを、マウスを重ねたときに動くロールオーバータイプに変更しました。
素材は、喜怒哀楽さまの「「Ｐｅｔボタン」：ロールオーバー」よりお借りしました。

手順は以下の通りです。

1.素材をDLし、自分のサーバにアップロードします。

2.使いたいところに以下のソースを貼り付けます。
「src=」「onmouseout=」に動かない「***2.gif」、「onmouseover=」に動く「***2-on.gif」のURLを記述します。

【こうさぎ】

<img src="http://自分のURL/rabbit2.gif" border="0" style="border: none;" onmouseover="this.src='http://自分のURL/rabbit2-on.gif'" onmouseout="this.src='http://自分のURL/rabbit2.gif'" alt="こうさぎ" width=20 height=28 />

【こいぬ】

<img src="http://自分のURL/dog2.gif" border="0" style="border: none;" onmouseover="this.src='http://自分のURL/dog2-on.gif'" onmouseout="this.src='http://自分のURL/dog2.gif'" alt="こいぬ" width=22 height=22 />

【こねこ】

<img src="http://自分のURL/cat2.gif" border="0" style="border: none;" onmouseover="this.src='http://自分のURL/cat2-on.gif'" onmouseout="this.src='http://自分のURL/cat2.gif'" alt="こねこ" width=20 height=20 />

【こぱんだ】

<img src="http://自分のURL/panda2.gif" border="0" style="border: none;" onmouseover="this.src='http://自分のURL/panda2-on.gif'" onmouseout="this.src='http://自分のURL/panda2.gif'" alt="こぱんだ" width=25 height=19 />