はてなで３カラム

ゆーまさんへの私信です。
当サイトはこんな感じで3カラムにしました。参考になれば幸いです。
そのままコピペすると、当サイトのデザインが２重になってしまうので、<を%に、>を!に変換しています。

• ヘッダ

%div id="content"!

• フッタ

%/div!
%div id="links"!
%hatena name="comment" listlimit="8" template="hatena-module"!
%hatena name="trackback" listlimit="8" template="hatena-module"!
%hatena name="ring" rid="palm" sid="58716" mode="image" template="hatena-module"!
%hatena name="antenna" listlimit="30" template="hatena-module"!
%/div!
%div id="linksleft"!
%hatena name="profile"!
%hatena name="searchform" template="hatena-module"!
%hatena name="calendar2" template="hatena-module"!
%hatena name="section" listlimit="8" template="hatena-module"!
%hatena name="sectioncategory" template="hatena-module"!
%hatena name="counter" template="hatena-module"!
%/div!

• スタイルシート

div.hatena-body {
position: relative;
width99%;
margin: 0 auto 0 auto;
padding: 0;
text-align: left;
}
div#content {
position: relative;
margin: 5px 170px 0px 170px;
padding: 0px 10px 0px 5px;
}
div#links{
position: absolute;
right: 1px;
top : 8px;
margin: 0 0px 0 0;
padding: 0 0 10px;
width: 170px;
}
div#linksleft{
position: absolute;
left: 1px;
top : 8px;
margin: 0 0px 0 0;
padding: 0 0 10px;
width: 170px;
}
div.hatena-modulebody{
color: #000000;
font-size: 90%;
font-weight: normal;
line-height: 1.5;
margin-bottom: 0.5em;
padding: 1em;
}
a.keyword{
text-decoration: none;
border-bottom: none;
}
h3 a.sectioncategory{
color: #FF8000;
}
h3 a.keyword{
color : #FF8000;
}
h3{
color : #FF8000;
}
h2{
color : white;
background-color : #FF8000;
}
h2 span.date{
color : white;
}