大幅とはいかなかったがｗ

デザインをいじくってみました。
テーマhatena-whiteを基準にして、CSSデータに「sidebar2」を設定。
marjin-lightを5％くらい、leftを85％くらい（教科書通りでOKだったｗ）
フッタ自体の高さを上から30pxに調整。
んでもって画像とはてなリングをフッタ欄に書き込んでみた。

ちなみにこの方法はどのテーマでも出来ますけど
細部調整はそのテーマによって変わってきますので注意。

参考までに私が作ったCSSデータを示します。

div.sidebar2
{
position: absolute;
top: 30px; /*ページの上から@@px離れる*/
right: 0px;
margin-right: 5%; /*右の要素からページ幅の@@％離れる*/
margin-left: 85%; /*左の要素からページ幅の@@％離れる*/
width: 15%;
}

参考書籍

はてなダイアリーガイドブック―ウェブログでつながる新しいコミュニティ

詳解HTML&CSS&JavaScript辞典