かなり大掛かりに変える事になります。 そっくりそのまま入れ替えちゃったほうが簡単ですよ!
HTMLを下のものにそっくりそのまま入れ替えてください
<?xml version="1.0" encoding="EUC-JP"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head profile="http://purl.org/net/ns/metaprof">
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="author" content="&glt;%author_name>" />
<meta name="description" content="&glt;%introduction>" />
<title xml:lang="ja" lang="ja">&glt;%blog_name> &glt;%sub_title>&glt;/title>
<link rel="stylesheet" type="text/css" href="&glt;%css_link>" media="screen,tv" title="Default" />
<link rel="alternate" type="application/rss+xml" href="&glt;%url>?xml" title="RSS" />
<link rel="top" href="&glt;%url>" title="トップページ" />
<link rel="start" href="&glt;%url>" title="最初の記事" />
<!--archive-->
<link rel="archives" href="&glt;%archive_link>" title="「&glt;%archive_year>/&glt;%archive_month>」の記事一覧" />
<!--/archive-->
<!--category-->
<link rel="archives" href="&glt;%category_link>" title="カテゴリ「&glt;%category_name>」の記事一覧" />
<!--/category-->
<!--prevpage-->
<link rel="prev" href="<%prevpage_url>" title="前" />
<!--/prevpage-->
<!--nextpage-->
<link rel="next" href="<%nextpage_url>" title="次" />
<!--/nextpage-->
<!--preventry-->
<link rel="next" href="<%preventry_url>" title="<%preventry_title>" />
<!--/preventry-->
<!--nextentry-->
<link rel="prev" href="<%nextentry_url>" title="<%nextentry_title>" />
<!--/nextentry-->
</head>
<body>
<div id="contents">
<h1><a href="<%url>" title="トップページ"><%blog_name></a></h1>
<p id="introduction"><%introduction></p>
<div id="main">
<!--topentry-->
<!-- エントリー部分始まり -->
<h2 class="eheader" id="entry_no<%topentry_no>"><%topentry_title></h2>
<div class="ebody">
<%topentry_body>
<!--more_link-->
<p class="emore"><a href="<%topentry_link>" title="「<%topentry_title>」の全文を表示">全文を表示</a></p>
<!--/more_link-->
<!--more-->
<%topentry_more>
<!--/more-->
</div>
<dl class="efooter">
<dt>更新日</dt>
<dd><%topentry_year>/<%topentry_month>/<%topentry_day></dd>
<dt>カテゴリ</dt>
<dd><a href="<%topentry_category_link>" title="カテゴリ「<%topentry_category>」の記事一覧"><%topentry_category></a></dd>
<dt>この記事へのコメント</dt>
<dd><!--allow_comment-->
<a href="<%topentry_link>#comment" title="「<%topentry_title>」へのコメント">コメント : <%topentry_comment_num></a><!--/allow_comment--><!--deny_comment-->−<!--/deny_comment--></dd>
<dt>トラックバックはこちらから</dt>
<dd><!--allow_tb-->
<a href="<%topentry_link>#trackback" title="「<%topentry_title>」のトラックバック">トラックバック: <%topentry_tb_num></a><!--/allow_tb--><!--deny_tb-->−<!--/deny_tb--></dd>
</dl>
<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description
rdf:about="<%topentry_link>"
trackback:ping="="<%url>tb.php/<%topentry_no>"
dc:title="<%topentry_title>"
dc:identifier="<%topentry_link>"
dc:subject="<%topentry_category>"
dc:description="<%topentry_discription>"
dc:date="<%topentry_year>-<%topentry_month>-<%topentry_day>T<%topentry_hour>:<%topentry_minute>:<%topentry_second>+09:00" />
</rdf:RDF>
-->
<!-- エントリー部分終わり -->
<!--/topentry-->
<!-- ナビゲータ部分始まり -->
<ul id="navi">
<!--nextpage-->
<li><a href="<%nextpage_url>" title="より古いページ">≪</a></li>
<!--/nextpage-->
<!--nextentry-->
<li><a href="<%nextentry_url>" title="<%nextentry_title>"><前</a></li>
<!--/nextentry-->
<li><a href="<%url>" title="トップページへ">TOP</a></li>
<!--preventry-->
<li><a href="<%preventry_url>" title="<%preventry_title>">次></a></li>
<!--/preventry-->
<!--prevpage-->
<li><a href="<%prevpage_url>" title="より新しいページ">≫</a></li>
<!--/prevpage-->
</ul>
<!-- ナビゲータ部分終わり -->
<!--comment_area-->
<h3 id="comment">コメント</h3>
<!--comment-->
<dl class="comment_list">
<dt id="comment<%comment_no>"><%comment_title></dt>
<dd>
<p><%comment_body></p>
<dl>
<dt>投稿日</dt><dd> <%comment_year>/<%comment_month>/<%comment_day></dd>
<dt>投稿者</dt><dd><%comment_mail+name></dd>
<dt>URL</dt><dd><%comment_url+str></dd>
<dt>コメントの編集</dt><dd><a href="<%comment_edit_link>" title="コメントの編集">編集</a></dd>
</dl>
</dd>
</dl>
<!--/comment-->
<h3 id="comment_post">コメントの投稿</h3>
<form method="post" action="./">
<dl id="comment_form">
<dt><input type="hidden" name="mode" tabindex="99" value="regist" /><input type="hidden" name="comment[no]" value="<%pno>" /><label for="name">Name</label></dt>
<dd><input id="name" type="text" name="comment[name]" tabindex="1" size="30" value="<%cookie_name>" /></dd>
<dt><label for="subject">Subject</label></dt>
<dd><input id="subject" type="text" name="comment[title]" tabindex="2" size="30" value="" /></dd>
<dt><label for="mail">Mail</label></dt>
<dd><input id="mail" type="text" name="comment[mail]" tabindex="3" size="30" value="<%cookie_mail>" /></dd>
<dt><label for="url">URI</label></dt>
<dd><input id="url" type="text" name="comment[url]" tabindex="4" size="30" value="<%cookie_url>" /></dd>
<dt><label for="comment">Comment</label></dt>
<dd><textarea id="comment" cols="50" rows="5" name="comment[body]" tabindex="5" onblur="if(this.value == '') this.value='コメントをどうぞ';" onfocus="if(this.value == 'コメントをどうぞ') this.value='';">コメントをどうぞ</textarea></dd>
<dt><label for="pass">Pass</label></dt>
<dd><input id="pass" type="password" name="comment[pass]" tabindex="6" size="20" /></dd>
<dt><label for="himitu">Secret</label></dt>
<dd><input id="himitu" type="checkbox" name="comment[himitu]" tabindex="7" value="管理者にだけ表示を許可する" />管理者にだけ表示を許可する</dd>
</dl>
<p class="form_btn"><input type="submit" tabindex="8" value="送信" /></p>
</form>
<!--/comment_area-->
<!--edit_area-->
<h3 id="comment_edit">コメントの編集</h3>
<form method="post" action="./">
<dl id="comment_form">
<dt><input type="hidden" name="mode" value="edit" /><input type="hidden" name="mode2" tabindex="9" value="edited" /><input type="hidden" name="edit[rno]" tabindex="10" value="<%eno>" /><label for="name">Name</label></dt>
<dd><input id="name" type="text" name="edit[name]" tabindex="11" size="30" value="<%edit_name>" /></dt>
<dt><label for="subject">Subject</label></dt>
<dd><input id="subject" type="text" name="edit[title]" tabindex="12" size="30" value="<%edit_title>" /></dd>
<dt><label for="mail">Mail</label></dt>
<dd><input id="mail" type="text" name="edit[mail]" tabindex="13" size="30" value="<%edit_mail>" /></dd>
<dt><label for="url">URI</label></dt>
<dd><input id="url" type="text" name="edit[url]" tabindex="14" size="30" value="<%edit_url>" /></dd>
<dt><label for="comment">Comment</label></dt>
<dd><textarea id="comment" cols="50" rows="5" name="edit[body]" tabindex="15"><%edit_body></textarea></dd>
<dt><label for="pass">Pass</label></dt>
<dd><input id="pass" type="password" name="edit[pass]" tabindex="16" size="20" /></dd>
<dt><label for="himitu">Secret</label></dt>
<dd><input id="himitu" type="checkbox" name="edit[himitu]" tabindex="17" value="管理者にだけ表示を許可する" />秘密にする</dd>
</dl>
<p class="form_btn"><input type="submit" tabindex="18" value="送信" /><input type="submit" name="edit[delete]" value="削除" /></p>
</form>
<!--/edit_area-->
<!--trackback_area-->
<h3 id="trackback">トラックバック</h3>
<dl id="trackback_uri">
<dt>トラックバックURI</dt>
<dd><%trackback_url></dd>
</dl>
<!--trackback-->
<dl class="trackback_list">
<dt id="trackback<%tb_no>"><a href="<%tb_url>" title="「<%tb_title>」のトラックバック発信元" rel="nofollow"><%tb_title></a></dt>
<dd><p><%tb_excerpt>...</p>
<dl>
<dt>送信日時</dt><dd><%tb_year>/<%tb_month>/<%tb_day> <%tb_hour>:<%tb_minute>:<%tb_second></dd>
<dt>送信元</dt><dd><%tb_blog_name></dd>
</dl>
</dd>
</dl>
<!--/trackback-->
<!--/trackback_area-->
<hr class="no-style" />
</div>
<!-- サイドバー部分始まり -->
<div id="sidebar"><!-- sidebar -->
<h2 id="calendar">カレンダー</h2>
<table summary="カレンダー">
<caption><a href="<%prev_month_link>"><%prev_month></a> | <%now_year>/<%now_month> | <a href="<%next_month_link>"><%next_month></a></caption>
<tr>
<th abbr="日曜日" scope="row" class="sun">S</th>
<th abbr="月曜日" scope="row">M</th>
<th abbr="火曜日" scope="row">T</th>
<th abbr="水曜日" scope="row">W</th>
<th abbr="木曜日" scope="row">T</th>
<th abbr="金曜日" scope="row">F</th>
<th abbr="土曜日" scope="row" class="sat">S</th>
</tr>
<!--calender-->
<tr>
<td><%calender_sun></td>
<td><%calender_mon></td>
<td><%calender_tue></td>
<td><%calender_wed></td>
<td><%calender_thu></td>
<td><%calender_fri></td>
<td><%calender_sat></td>
</tr>
<!--/calender-->
</table>
<h2 id="archive">月別</h2>
<ul>
<!--archive-->
<li><a href="<%archive_link>" title="「<%archive_year>/<%archive_month>」の記事一覧"><%archive_year>-<%archive_month> : <%archive_count></a></li>
<!--/archive-->
</ul>
<h2 id="category">カテゴリー別</h2>
<ul>
<!--category-->
<li><a href="<%category_link>" title="カテゴリ「<%category_name>」の記事一覧"><%category_name> : <%category_count></a></li>
<!--/category-->
</ul>
<h2 id="recent">最近のエントリー</h2>
<ul>
<!--recent-->
<li><a href="<%recent_link>"><%recent_title></a></li>
<!--/recent-->
</ul>
<h2 id="rcomment">最近のコメント</h2>
<ul>
<!--rcomment-->
<li>
<a href="<%rcomment_link>#comment<%rcomment_no>" title="<%rcomment_etitle>のコメント"><%rcomment_name> : <%rcomment_title></a>
</li>
<!--/rcomment-->
</ul>
<h2 id="rtrackback">最近のトラックバック</h2>
<ul>
<!--rtrackback-->
<li>
<a href="<%rtrackback_link>#trackback<%rtrackback_no>"><%rtrackback_blog_name> : <%rtrackback_title></a>
</li>
<!--/rtrackback-->
</ul>
<h2 id="link">リンク</h2>
<ul>
<!--link-->
<li><a href="<%link_url>"><%link_name></a></li>
<!--/link-->
</ul>
<h2 class="appendix">Ads</h2>
<ul>
<li class="rss"><a href="<%url>?xml">RSS 1.0</a></li>
<li class="ads"><%ad></li>
<li class="ads"><%ad2></li>
</ul>
<h2 class="search">Search</h2>
<form class="search-form" method="get" action="./">
<p>
<input id="search-text" type="text" name="q" accesskey="s" tabindex="99" size="20" value="" />
<input id="submit" type="submit" tabindex="100" value="検索" />
</p>
</form>
</div><!-- /sidebar -->
<!-- サイドバー部分終わり -->
</div><!-- main -->
</body>
</html>
スタイルシートを下のものにそっくりそのまま入れ替えてください
@charset "EUC-JP";
/**************基本スタイルシート*************/
body {
/* ボディ */
text-align: center;
background: #ccc;
margin: 0px 0px 0px 30px;
padding: 0px;
/* 文字基本設定 */
color: #666;
font-size: 80%;
line-height:1.3;
background: #ccc url("http://blog6.fc2.com/sabacop/file/mono_bg.gif") top center repeat-y;
}
/***************書き加えたところ（by ギョ）*****************/
div#contents {
text-align: left;
margin: 0px auto 0px auto;
padding: 0px;
width: 700px;
}
div#main {
float: right;
width: 410px;
margin: 0px 5px 0px 0px;
padding: 0px;
}
div#sidebar {
float:left;
margin: 0px 0px 0px 5px;
}
/***************書き加えたところ終わり*****************/
/* リンク */
a, a:link, a:visited {
color: gray;
text-decoration: none;
}
a:link:hover, a:visited:hover,
a:link:active, a:visited:active {
color: #369;
text-decoration: none;
}
/* 見出し */
h2, h3, h4 {
font-size: 85%;
font-weight: bold;
}
h5, h6 {
font-size: 80%;
font-weight: bold;
}
/* インライン要素 */
em {
font-style: normal;
font-weight: bold;
}
strong ,b {
font-style: normal;
font-weight: bold;
}
code {
background: #e0e0e0;
font-family: monospace;
margin-right: 2px;
margin-left: 2px;
}
kbd {
border: 2px outset silver;
font-size: 95%;
margin-right: 2px;
margin-left: 2px;
margin-top: -2px;
}
del {
text-decoration: line-through;
color: #777;
}
ins {
text-decoration: underline;
}
dfn {
font-style: normal;
font-weight: bold;
}
abbr,acronym {
background-color: transparent;
border-bottom: 1px dotted silver;
cursor: help;
}
/* ブロック要素 */
p {
text-indent: 1em;
margin-top: 0.7em;
margin-bottom: 0.7em;
}
q {
border-bottom: 1px dotted silver;
}
blockquote {
margin: 1em 275px 1em 60px;
background-color: #fdfdfd;
}
body * blockquote {
margin: 1em 25px;
}
blockquote p {
margin: 0.75em;
}
/*バグ for Mac IE */
@media screen{
pre {
overflow: auto;
}
}
pre {
margin-top: 1em;
margin-bottom: 1em;
border: 1px solid gray;
padding: 0.5em;
width: 100%;
}
* > pre {
width: auto;
}
/* リスト関連 */
ul, ol {
margin-top: 2em;
margin-bottom: 1em;
}
li {
margin: 3px 0;
}
ul li ol,
ol li ul,
ol li ol,
ul li ul{
margin: 0;
}
/* 定義リスト関連 */
dl {
margin-top: 1em;
margin-bottom: 1em;
}
dt {
font-weight: bold;
}
/* テーブル関連 */
table {
margin: 1em;
padding: 0.2em;
empty-cells:show;
border-collapse:collapse;
border:0px solid #666666;
}
caption {
text-align: center;
}
th {
border-bottom: 1px solid #666666;
font-weight: bold;
}
thead th, tfoot th, tfoot td {
background-color: #fbfbfb;
}
th a, td a {
margin: 0px;
padding: 0.2em;
display: block;
}
/* フォーム */
form, input, textarea, button {
font-size: 90%;
}
input, textarea, input {
border: 1px solid gray;
}
input:focus , textarea:focus, button {
border: 1px solid #cccc99;
}
/* 表示したくない時に */
.no-style {
display: none;
}
/**************順を追ったスタイル設定*************/
/**** トップ部分 ****/
/* トップ絵、幅など */
h1 {
/* トップ絵を変えたいときにはここのURLを変えて下さい。 */
background: #666 url("http://blog-imgs-31.fc2.com/s/a/b/sabacop/mono_top1.gif") no-repeat bottom right;
margin: 0px 0px 0px 0px;
padding: 50px 0px 0px 50px;
width: 700px;
height: 250px;
voice-family: "\"}\"";
voice-family: inherit;
width: 650px;
height: 200px;
_width: 700px;
_height: 250px;
}
html>body h1 {
width: 650px;
height: 200px;
}
/* タイトルの文字設定 */
h1 a, h1 {
font-size: 170% !important;
font-weight: bold;
color: #aaa !important;
}
/* ブログの説明文 */
p#introduction {
color: white;
position: relative;
top: -100px;
left: 60px;
width: 400px;
margin: 0px;
padding: 0px;
}
/**** エントリー部分 ****/
/* 記事のタイトル */
h2.eheader, h2.eheader a {
font-size: 90%;
color: #9c3;
margin: 0px 0px 0px 0px;
padding: 0px;
border-bottom: 1px solid #ccc;
}
/* 記事本文 */
div.ebody {
margin: 0em 0px 0px 0px;
padding: 0px;
}
div.ebody p img {
border: 1px solid gray;
padding: 3px;
text-align: center;
}
/*記事本文のリンク設定*/
div.ebody a {
border-bottom: 1px solid #ccc;
}
/* 記事ヘッダー */
dl.efooter {
margin: 0px 0px 20px 0px;
padding: 0px;
}
dl.efooter dt {
display: none;
}
dl.efooter dd {
display: inline;
margin: auto 5px;
padding: 0px;
}
/**** ナビ部分 ****/
ul#navi {
margin: 0px 0px 20px 0px;
padding: 0px;
text-align:center;
}
ul#navi li {
list-style-type: none;
display: inline;
}
/**** コメント部分 ****/
/* 「コメント」 */
h3#comment {
font-size:90%;
color: #9c3;
margin: 0px 0px 0px 0px;
padding: 0px;
border-bottom: 1px solid #ccc;
}
/*コメント表示*/
dl.comment_list {
color: #666;
margin: 0px 0px 0px 0px;
padding: 0px;
}
/*コメント表示のリンク設定*/
dl.comment_list a {
border-bottom: 1px solid #ccc;
}
/* コメント各タイトル */
dl.comment_list dt {
font-weight: bold;
margin: 0px 0px 0px 1em;
padding: 0.5em 0px 0px 0px;
}
/* コメント各本文*/
dl.comment_list dd {
margin: 0em;
padding: 0;
}
dl.comment_list dd p {
margin: 0.5em 1em 1em 2em;
}
/* コメント各ヘッダー */
dl.comment_list dl dt {
display: none;
}
dl.comment_list dl dd {
display: inline;
padding: 0px 0.2em;
margin: 0;
}
/**** コメント投稿部分 ****/
/* 「コメント投稿」、「コメント編集」 */
h3#comment_post, h3#comment_edit {
font-size:90%;
color: #9c3;
margin: 20px 0px 0px 0px;
padding: 0px;
border-bottom: 1px solid #ccc;
}
dl#comment_form, p.form_btn {
color: #666;
margin:10px 20px 10px 0px;
}
dl#comment_form dd {
margin: -1.6em 0.3em 0.5em 80px;
}
textarea {
width: 320px;
}
/**** トラックバック部分 ****/
h3#trackback {
font-size:90%;
color: #9c3;
border-bottom: 1px solid #ccc;
margin: 0px 0px 0px 0px;
padding: 0px;
}
/* トラックバックURL紹介 */
dl#trackback_uri {
color: #666;
margin:10px 20px 10px 0px;
}
dl#trackback_uri dt {
font-weight: normal;
display: inline;
margin: 0 5px 0 0;
}
dl#trackback_uri dd {
display: inline;
margin: 0;
}
/* トラックバック表示 */
dl.trackback_list {
margin: 0px 0px 0px 0px;
padding: 0px;
}
/*トラックバック表示のリンク設定*/
dl.trackback_list a {
border-bottom: 1px solid #ccc;
}
/* トラックバック各タイトル */
dl.trackback_list dt {
font-weight: bold;
margin: 0px 0px 0px 1em;
padding: 0.5em 0px 0px 0px;
}
/* トラックバック各記事 */
dl.trackback_list dd {
margin: 0em;
padding: 0;
}
dl.trackback_list dd p {
margin: 0.5em 1em 1em 2em;
}
/* トラックバック各ヘッダー */
dl.trackback_list dl dt {
display: none;
}
dl.trackback_list dl dd {
display: inline;
padding: 0px 0.2em;
margin: 0px;
}
/**** サイドバー部分 ****/
#sidebar {
text-align: right;
border-right: 1px solid #ccc;
width: 230px;
margin: 0px;
padding: 0px 20px 0px 0px;
}
/* サイドバー見出し */
#sidebar h2 {
font-size: 90%;
color: #9c3;
font-weight: bold;
border-bottom: 1px solid #ccc;
margin: 0px;
padding: 0.1em 0px;
width: 230px;
}
div#sidebar ul,
div#sidebar ol {
list-style-type: none;
display: block;
margin: 0px;
padding: 0px;
width: 230px;
}
div#sidebar li {
margin: 0px;
padding: 3px 0px 3px 0px;
}
div#sidebar li:hover {
background-color:#eeeeee;
}
div#sidebar p {
font-size: 80%;
text-indent: 0;
margin: 0px;
padding: 1px 0px 20px 0px;
}
div#sidebar table {
font-size: 80%;
text-align:center;
margin: 10px 20% 10px 20%;
padding: 5px 0px;
width: 60%;
}
div#sidebar form {
margin: 0px;
padding: 10px 20px 10px 30px;
}