ＦＣ２Ｂｌｏｇテンプレート製作所

【　利　用　規　約　】

　フッダーの著作権表示＆リンクさえ削除しなければＯＫです
　使いやすいようにご自由にカスタマイズしちゃってください

…　管理人：なみの

■サンプル画像　⇒　プレビュー

■ＨＴＭＬソース

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<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="<%author_name>">
<meta name="description" content="<%introduction>">
<title><%blog_name> <%sub_title></title>
<link rel="stylesheet" type="text/css" href="<%css_link>" media="screen,tv" title="デフォルト">
<link rel="alternate" type="application/rss+xml" href="<%url>?xml" title="RSS">
<link rel="top" href="<%url>" title="トップ">
<link rel="start" href="<%url>" title="最初の記事">
<link rel="prev" href="<%prevpage_url>" title="前のページ">
<link rel="next" href="<%nextpage_url>" title="次のページ">
<link rel="next" href="<%preventry_url>" title="<%preventry_title>">
<link rel="prev" href="<%nextentry_url>" title="<%nextentry_title>">
</head><body>

<a name="top"></a><table border="0" id="inbox" cellpadding="0" cellspacing="0"><tr><td valign="top" id="sideleft">

	<BR>
	<div class="sideSet">

<div class="linktitle">PROFILE</div>
		<div class="linktext">
			<p class="pict"><img src="<%image>" alt="<%author_name>"></p>
			<ul STYLE="font-size:10px;">
				<li>author: <%author_name></li>
				<li><%introduction2></li>
				<li><a href="<%url>?xml">RSS</a></li>
			</ul>
		</div>

<div class="linktitle">RECENT ENTRIES</div>
		<div class="linktext">
			<ul>
			
			<li><a href="<%recent_link>" title="<%recent_body>"><%recent_title></a> (<%recent_month>/<%recent_day>)</li>
			
			</ul>
		</div>

<div class="linktitle">CATEGORY</div>
		<div class="linktext">
			<ul>
			
			<li><a href="<%category_link>" title="<%category_name>"><%category_name></a> (<%category_count>)</li>
			
			</ul>
		</div>

<div class="linktitle">RECENT COMMENTS</div>
		<div class="linktext">
			<ul>
			
			<li><a href="<%rcomment_link>#comment<%rcomment_no>"><%rcomment_etitle>：<%rcomment_name></a> (<%rcomment_month>/<%rcomment_day>)</li>
			
			</ul>
		</div>

<div class="linktitle">RECENT TRACKBACKS</div>
		<div class="linktext">
			<ul>
			
			<li><a href="<%rtrackback_link>#trackback<%rtrackback_no>" title="<%rtrackback_excerpt>"><%rtrackback_blog_name></a> (<%rtrackback_month>/<%rtrackback_day>)</li>
			
			</ul>
		</div>

</div>

</td><td valign="top" id="main">

	
	
	<div id="banner">
		<div id="banner_l">
			<h1 class="site_title"><a href="<%url>" accesskey="0" title="<%blog_name>"><%blog_name></a></h1>
			<h2 class="description"><%introduction></h2>
		</div>
	</div>

<div class="entry_date"><%topentry_year>-<%topentry_month>-<%topentry_day> <%topentry_youbi>　［<a href="<%topentry_category_link>"><%topentry_category></a>］</div>
	<div class="entryBodyset">
		<div class="entry_title"><a id="<%topentry_no>" name="<%topentry_no>"></a><a href="<%topentry_link>"><%topentry_title></a></div>
		<div class="entry_body">
			<%topentry_body>
			<br clear="all"><BR> <a href="<%topentry_link>#more">続き＞＞</a>
			<a name="more" id="more"></a><%topentry_more>
		</div>
		<div class="entry_state">
			||
			<%topentry_hour>:<%topentry_minute>:<%topentry_second>
			|
			<a href="<%topentry_link>#trackback">Trackback(<%topentry_tb_num>)</a>
			 Trackback(-)
			|
			<a href="<%topentry_link>#comment">Comments(<%topentry_comment_num>)</a>
			Comments(-)
			|
			<a href="#top">△</a>
			||
		</div>
	</div>

<div class="nav">&laquo; <a href="<%preventry_url>"><%preventry_title></a> | <a href="<%url>">ホーム</a> | <a href="<%nextentry_url>"><%nextentry_title></a> &raquo;</div>

<div class="entry_body">
			<div STYLE="font-weight: bold;"><a id="comment<%comment_no>" name="comment<%comment_no>"><%comment_title></a></div>
			<%comment_body>
		</div>
		<div class="entry_state">
			<%comment_year>-<%comment_month>-<%comment_day> <%comment_wayoubi> <%comment_hour>:<%comment_minute>:<%comment_second> | 
			<%comment_url+str> | 
			<%comment_mail+name> #<%comment_trip>
			[ <a href="<%comment_edit_link>">編集</a>]
		</div><BR>
		
	</div>

<div class="entryBodyset">
		<div class="entry_title"><a name="comment_post">コメントの投稿</a></div>
		<form method="post" action="./">
		<div class="entry_body">
			<dl>
				<dt>
					<input type="hidden" name="mode" 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]" size="30" value="<%cookie_name>"></dd>
				<dt><label for="name">Subject</label></dt>
				<dd><input id="subject" type="text" name="comment[title]" size="30"></dd>
				<dt><label for="mail">Mail</label></dt>
				<dd><input id="mail" type="text" name="comment[mail]" size="30" value="<%cookie_mail>"></dd>
				<dt><label for="url">URI</label></dt>
				<dd><input id="url" type="text" name="comment[url]" size="30" value="<%cookie_url>"></dd>
				<dt><label for="comment">Comment</label></dt>
				<dd><textarea id="comment" cols="50" rows="10" name="comment[body]" STYLE="width:300px;"></textarea></dd>
				<dt><label for="pass">Pass</label></dt>
				<dd><input id="pass" type="password" name="comment[pass]" size="20"></dd>
				<dt><label for="himitu">Secret</label></dt>
				<dd><input id="himitu" type="checkbox" name="comment[himitu]">管理者にだけ表示を許可する</dd>
			</dl>
			<p class="form-btn"><input type="submit" value="Submit" class="btn"></p>
		</div>
		</form>
	</div>

<div class="entryBodyset">
		<div class="entry_title"><a name="comment_post">コメントの編集</a></div>
		<form method="post" action="./">
		<div class="entry_body">
			<dl>
				<dt>
					<input type="hidden" name="mode" value="edit">
					<input type="hidden" name="mode2" value="edited">
					<input type="hidden" name="edit[rno]" value="<%eno>">
					<label for="name">Name</label>
				</dt>
				<dd><input id="name" type="text" name="edit[name]" size="30" value="<%edit_name>"></dd>
				<dt><label for="name">Subject</label></dt>
				<dd><input id="subject" type="text" name="edit[title]" size="30" value="<%edit_title>"></dd>
				<dt><label for="mail">Mail</label></dt>
				<dd><input id="mail" type="text" name="edit[mail]" size="30" value="<%edit_mail>"></dd>
				<dt><label for="url">URI</label></dt>
				<dd><input id="url" type="text" name="edit[url]" size="30" value="<%edit_url>"></dd>
				<dt><label for="comment">Comment</label></dt>
				<dd><textarea id="comment" cols="50" rows="10" name="edit[body]" STYLE="width:300px;"><%edit_body></textarea></dd>
				<dt><label for="pass">Pass</label></dt>
				<dd><input id="pass" type="password" name="edit[pass]" size="20"></dd>
				<dt><label for="himitu">Secret</label></dt>
				<dd><input id="himitu" type="checkbox" name="edit[himitu]">秘密にする</dd>
			</dl>
			<p class="form-btn"><input type="submit" value="Submit" class="btn"><input type="submit" name="edit[delete]" value="削　除" class="btn"></p>
		</div>
		</form>
	</div>

<div class="entryBodyset">
		<div class="entry_title"><a name="trackback">トラックバック</a></div>
		<div class="entry_body">
			トラックバックURL ： <input name="tburl" value="<%trackback_url>" onfocus="this.select()" readonly style="width:200px;">
		</div>
	</div>
	
	<div class="entryBodyset">
		<div class="entry_body">
			<div STYLE="font-weight: bold"><a href="<%tb_url>" name="trackback<%tb_no>"><%tb_title></a></div>
			<%tb_excerpt>
			<%tb_year>-<%tb_month>-<%tb_day> <%tb_youbi> <%tb_hour>:<%tb_minute>:<%tb_second> | <%tb_blog_name>
		</div>
	</div>

<div class="nav"><a href="<%prevpage_url>">前のページ</a>　　<a href="<%nextpage_url>">次のページ</a></div>

</td><td valign="top" id="sideright">

	<BR>
	<div class="sideSet">

<div class="linktitle">RECOMMEND ITEM</div>
		<div class="linktext" align="center">
			
			<a href="http://www.amazon.co.jp/exec/obidos/ASIN/B0002OW6OW/getda0b-22" target="_blank"><img src="http://images-jp.amazon.com/images/P/B0002OW6OW.09.TZZZZZZZ.jpg" alt="Apple iPod 20GB (Click Wheel) Mac&PC [M9282J/A]" style="border: none;" /><BR>Apple iPod 20GB Mac&PC</a><BR>
			
		</div>

<div class="linktitle">CALENDER</div>
		<div class="calendar_top" align="center">
			<table summary="カレンダー" class="calendar" border="0"><tr>
			<td abbr="日曜日" scope="row" class="cell_suntop">Ｓ</td>
			<td abbr="月曜日" scope="row" class="cell_top">Ｍ</td>
			<td abbr="火曜日" scope="row" class="cell_top">Ｔ</td>
			<td abbr="水曜日" scope="row" class="cell_top">Ｗ</td>
			<td abbr="木曜日" scope="row" class="cell_top">Ｔ</td>
			<td abbr="金曜日" scope="row" class="cell_top">Ｆ</td>
			<td abbr="土曜日" scope="row" class="cell_sattop">Ｓ</td>
			</tr>
			</table>
			<table summary="カレンダー" class="calendar" border="0">
			<tr>
			<td class="cell_sunday"><%calender_sun></td>
			<td class="cell"><%calender_mon></td>
			<td class="cell"><%calender_tue></td>
			<td class="cell"><%calender_wed></td>
			<td class="cell"><%calender_thu></td>
			<td class="cell"><%calender_fri></td>
			<td class="cell_saturday"><%calender_sat></td>
			</tr>
			
			</table>
		</div>
		<div class="calendarym" align="center">
			<a href="<%prev_month_link>"><%prev_month>月</a>
			&laquo; <%now_year>/<%now_month> &raquo;
			<a href="<%next_month_link>"><%next_month>月</a>
			</caption>
		</div>

<div class="linktitle">ARCHIVES</div>
		<div class="linktext">
			<ul>
			
			<li><a href="<%archive_link>" title="<%archive_year>年<%archive_month>月"><%archive_year>年<%archive_month>月</a> (<%archive_count>)</li>
			
			</ul>
		</div>

<div class="linktitle">LINKS</div>
		<div class="linktext">
			<ul>
			
			<li><a href="<%link_url>" title="<%link_name>"><%link_name></a></li>
			
			</ul>
		</div>

<div class="linktitle">SEARCH BOX</div>
		<div class="linktext">
			<form action="./" method="get">
			<input type="text" size="15" name="q" value="">
			<input type="submit" value="Search" class="btn">
			</form>
		</div>

<div class="linktitle">POWERED BY</div>
		<div class="linktext">
			<ul>
			
			<li>Powered By <a href="http://blog.fc2.com/">FC2</a></li>
			<li>Design By <a href="http://blog2.fc2.com/or/" target="_blank">Or</a>/<a href="http://get.daa.jp/" target="_blank">GetNet</a></li>
			<li STYLE="font-size:10px;"><%ad></li><li STYLE="font-size:10px;"><%ad2></li>
			
			</ul>
		</div>

</div>
	<div class="pagetop"><a href="#top">△</a></div>

</td></tr></table>

</body></html>

■スタイルシート

/* ------- ■全体の中身設定------- */
* {
	margin: 0;
	padding: 0;
}
HTML {
	scrollbar-3dlight-color:#F0F0E0;
	scrollbar-arrow-color:#666666;
	scrollbar-darkshadow-color:#F0F0E0;
	scrollbar-face-color:#EFEFEF;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#fff;
	scrollbar-track-color:#fff;
}

body {
	background-image: url(http://blog2.fc2.com/o/or/file/get07.gif);
	color: #333;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

BR{letter-spacing:normal;}

.btn {
	background-color:#F79210;
	color:#fff
}

h1 {
	font-size: 15px;
	margin: 0px;
}

h2 {
	font-size: 13px;
	margin: 0px;
}

blockquote {
	font-size: 12px;
	padding: 5px;
	margin: 5px;
	border: 1px dashed #d4c6b1;
}

/* ------- ■画像部分 ------- */
.pict {
	text-align: center;
	border:none;
	margin: 5px;
}

/* ------- ■リンクの色 ------- */
a:link 		{color: #6b8cb2; text-decoration: none;}
a:visited 	{color: #6b8cb2; text-decoration: none;}
a:hover 	{color: #336699; text-decoration: underline;}

/* ------- ■全体の指定------- */
#inbox {
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto; 
	width: 770px;
	background-color: #fff;
}

/* ------- ■タイトル部分 ------- */
#banner {
	border-bottom: 5px solid #94C7FF;
	background-color:#94C7FF;
	margin: 10px 5px 30px 5px;
	padding: 8px 0px 3px 0px;
}

#banner_l {
	border-top: 5px double #fff;
	border-bottom: 5px double #fff;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}

.site_title {
	padding: 0px 0px 0px 0px;
}

.site_title a,
.site_title a:link,
.site_title a:visited,
.site_title a:active,
.site_title a:hover {
	font-weight: normal;
	color: #fff;
	font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;
	text-decoration: none;
}

.description {
	font-weight: normal;
	color: #fff;
	font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;
	margin: 5px 0px 0px 0px;
}

/* ------- ■左メニューカラム部分 ------- */
#sideleft {
	OVERFLOW: hidden;
	width: 160px;
	margin: 0px 0px 0px 2px;
	background-color: #EFEFEF;
}

/* ------- ■右メニューカラム部分 ------- */
#sideright {
	OVERFLOW: hidden;
	width: 160px;
	background-color: #EFEFEF;
}

/* ------- ■中央カラム部分 ------- */
#main {
	background-color: #fff;
	float: left;
	OVERFLOW: hidden;
	width: 100%;
}

/* ------- ■本文の枠部分 ------- */
.entryBodyset {
	width: 420px;
	margin: 0px 20px 30px 20px;
	text-align: left;
}

.entry_title {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;
	letter-spacing : 1px;
	padding: 3px 5px 3px 10px;
	background-color: #ADE75A;
	border-left: 10px double #6BCB42;
	border-right: 10px double #6BCB42;
}
.entry_title a, .entry_title a:link, .entry_title a:visited, .entry_title a:active {color:#fff; text-decoration:none;}
.entry_title a:hover {color: #fff; text-decoration: none;}

.entry_date {
	color: #aaa;
	font-size: 10px;
	font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;
	letter-spacing : 1px;
	text-align: right;
	margin: 0px 20px 1px 0px;
}

.entry_body   {
	font-size: 12px;
	line-height: 150%;
	font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;
	margin: 8px 10px 5px 10px;
}

.entry_state {
	font-size: 12px;
	color: #666666;
	margin: 20px 0px 5px 0px;
	font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;
	text-align: center;
	clear: both;
}

/* ------- ■メニューの小分け部分 ------- */
.sideSet {
	width: 160px;
	margin: 0px 0px 20px 0px;
	text-align: left;
}

.linktitle   {
	padding: 0px 0px 0px 5px;
	font-family: "Verdana", "ＭＳ ゴシック", "Osaka";
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	text-align: left;
	background-color: #9C9EA5;
	border-bottom: 1px dashed #fff;
}

.linktext {
	padding: 7px 2px 25px 2px;
	font-size: 11px;
	color: #333;
	font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;
	line-height: 120%;
}

.linktext ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}

.linktext li {
	border-left: 5px solid #fff;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 5px 5px;
	list-style-type: none;
}

/* ------- ■ページ移動リンク ------- */
.nav {
	font-size: 12px;
	font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;
	margin:10px 5px 10px 5px;
}

/* ------- ■ページトップ ------- */
.pagetop {
	font-size: 11px;
	text-align: right;
	font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;
	margin: 0px 0px 20px 0px;
}

/* ------- ■カレンダー部分 ------- */
/* --- 月～日の部分 --- */
.calendar_top {
	width: 100%;
	font-size: 10px;
	color: #333;
	margin: 6px 0px 0px 0px;
}

.cell_top {
	color: #333;
	font-size: 10px;
	font-family: Verdana;
	width: 20px;
	height: 15px;
}

.cell_suntop {
	color: #c00;
	font-size: 10px;
	width: 20px;
	height: 15px;
}

.cell_sattop {
	color: #5982b2;
	font-size: 10px;
	width: 20px;
	height: 15px;
}

/* --- 数字の部分 --- */
.calendar {
	width: 100%;
	font-size: 10px;
	color: #333;
	font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;
	letter-spacing : 1px;
	padding: 0px 0px 0px 0px;
}
.calendar a, .calendar a:link, .calendar a:visited, .calendar a:active {display:block; background-color:#fff; color:#333; text-decoration:none;}

.cell {
	color: #333;
	font-size: 10px;
	width: 20px;
	height: 15px;
}

.cell_today {
	color: #666;
	font-size: 10px;
	font-weight: bold;
	width: 20px;
	height: 15px;
}

.cell_sunday {
	color: #c00;
	font-size: 10px;
	width: 20px;
	height: 15px;
}

.cell_saturday {
	color: #5982b2;
	font-size: 10px;
	width: 20px;
	height: 15px;
}

/* --- 年月の部分 --- */
.calendarym {
	width: 100%;
	font-size: 10px;
	color: #333;
	font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;
	letter-spacing : 1px;
	padding: 0px 0px 25px 0px;
}

テンプレートの編集画面でそれぞれにコピーアンドペーストで上書きし、
「更新」ボタンを押せば完了です(＾＾)ｂ゛

(このテンプレは、ＦＣ２共有テンプレートにも登録済みです)