はてなリングアイコン、ロゴを並べる方法

ring icon, ring logoが増えるにつれて、縦に並んでしまい困っていました。初心者なので、どのようにすればいいのかを検索して、結局このように所望の形になりました。
(40px実物大）
ここでは、

1. リングロゴ(リングアイコン)の横並びにすること
2. リングロゴの大きさを自由に変更すること

ことを補足させていただいています。

• ページのフッタへの記述（ロゴを横並びにする）

私の場合のページのフッタへは、

Temple="hatena-module"を外して

下記のように記入します。
これだけでも、60pxの大きさで横並びになるようです。*1

<hatena name="ring" rid="amazon" sid="6193XX" mode="thumbnail">
<hatena name="ring" rid="fomula1" sid="6193XX" mode="thumbnail">
<hatena name="ring" rid="ring" sid="6193XX" mode="thumbnail" >
<hatena name="ring" rid="lovelove" sid="6193XX" mode="thumbnail" >
<hatena name="ring" rid="morioka" sid="6193XX" mode="thumbnail" >

　　　　　　　　　　　　・
　　　　　　　　　　　　・
　　　　　　　　　　　　・

さらに、このままですと次のモジュールと重なってしまうので、続けて改行＋左詰めのタグを入れました。*2

<br clear=left><br>

• スタイルシート部(CSS)への追記（ロゴの大きさを自在にする。）

さらに、レイアウトを見ながらアイコンの大きさを自由に変えるためにスタイルシート部へ記入するタグを下記の様に入れます。*3
widthの数字を書き換えると自由に変更できます。デフォルトはサムネールレベルで60pxの様です。
こちらに横並びにする方法等が記載されていますが、大きさはデフォルトで、しかもdivタグでなくspanタグになっているので、記述する場合は下記のようにspanタグで記述するのが正しいようです。

検索される昨年分の悩んでたユーザーさんのダイアリーには、divタグで記述のページが多いので最初は小生も思うように変更できませんでした。

なので、サムネール時のデフォルト60pxでロゴが横並びになりますが、さらに大きさを変更するときに下記にスタイルシート部へ追記が必要です。

スタイルシート部へ記入するタグ。

/*はてなリングロゴサイズ*/
span#hatena-ring-6193XX img{width:40px; float:left;}

なお、ring SID:6193XXは各ユーザに一個発行されるIDで、小生の番号ですので、必ず変更をしてください。

これでやっとすっきりです。
初心者ですのでつたない書き方ご容赦願います。

*1:機能変更の件参照http://hatena.g.hatena.ne.jp/hatenaring/20051226/1135586473

*2:詳細はこちらを参照ください。http://www.tohoho-web.com/html/br.htm

*3:Yunyさんのページにて詳しく解決されています。最終的にはここを参照させていただきました。http://d.hatena.ne.jp/Yuny/20051227/ring