FC2ブログ専用オリジナルテンプレート 10作目（blog298_10-3）

FC2ブログ共有テンプレートに登録申請して没になったものも紹介します。

■無料ブログ比較＆サンプルblog
　★無料ブログおすすめ編
　★無料ブログまあまあ編
　★無料ブログとりあえず紹介

■無料ブログ（blog）パーツ
■相互リンク集
■フロート・イン・ウインドウ
■ブログリングについて
■オリジナルテンプレート（FC2）

ポータルプロバイダ別blog
デザインカスタマイズ事典

■無料ブログ（blog）テンプレートカスタマイズ方法

●利用上の注意；
　※ソースやイメージ画像の改変は自由ですが、著作権表示の変更はしないようにお願い致します。
　※テンプレートを利用することにより、いかなる問題が発生しても、当方では責任はもてません。
　※FC2ブログ以外のブログでは、利用できません。>>>FC2ブログ開設はこちら

▼ オリジナルテンプレート 10作目　（テンプレート名；blog298_10-3）10作目；SEO対策改良版

◇テンプレートの説明
　※3カラム、シンプルバージョン（うすいオレンジ色基調）
　※ページ上部にフリースペースを設置（SEO対策や広告スペースに）
　※右枠は、グーグルアドセンス広告を意識した幅に設定してあります。
　※プレビュー；blog298_10-3

● HTMLソース部分

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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">
<link href="<%css_link>" type="text/css" rel="stylesheet">
<link rel="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml">
<title><%blog_name> <%sub_title></title>
<link href="<%css_link>" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="baseBlock">
<div id="headBlock1"><a href="<%url>"><div id="headBlogName"><h1><%blog_name></h1></div></a>
<div id="headIntroduction"><h2><%introduction></h2></div>

<p style="margin: 10px 0px 1px 50px;color:#333333;line-height:150%;font-size:13px;">
■広告スペース<br>
　※SEO対策や広告スペースにご利用下さい。
</p>

</div>

<table width="100%" border="0"><tr><td>

<div id="Calendar">
<p style="margin:0px 0px 0px 0px;"><%now_year>/<%now_month> ｜ 
<a href="<%prev_month_link>" title="「<%prev_year>年<%prev_month>月」を表示する"><img src="http://blog25.fc2.com/image/e/7.gif" border="0" class="emoji" style="border:0;"></a>
<span class="day"><%days></span>
<a href="<%next_month_link>" title="「<%next_year>年<%next_month>月」を表示する"><img src="http://blog25.fc2.com/image/e/8.gif" border="0" class="emoji" style="border:0;"></a>
</p>
</div>

</td><td>

<form method="get" action="">
ブログ内検索
<input id="search" name="search" size="30" class="search" />
 <input type="submit" value="GO!" class="button" />
</form>

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

<div id="mainBlock">


<div class="mainEntryBlock">
<div class="mainEntryTitle"><h3><a href="<%topentry_link>"><%topentry_title></a></h3></div>
<div class="mainEntryBase">
<div class="mainEntryBody"><%topentry_body></div>
<div class="mainEntryMore">

≫<a href="<%topentry_link>#more">[<%topentry_title>]の続きを読む</a>


<a name="more" id="more"></a><%topentry_more>

</div>
<p>テーマ:<a href="<%topentry_thread_link>" title="<%topentry_thread_title>へのリンク"><%topentry_thread_title></a> - ジャンル:<a href="<%topentry_community_janrelink>" title="<%topentry_community_janrename>へのリンク"><%topentry_community_janrename></a></p>

</div>
<div class="mainEntryDate"><a href="<%topentry_link>"><%topentry_year>/<%topentry_month>/<%topentry_day>(<%topentry_wayoubi>) <%topentry_hour>:<%topentry_minute>:<%topentry_second></a> | <a href="<%topentry_category_link>"><%topentry_category></a> | 

<a href="<%topentry_link>#trackback">トラックバック：<%topentry_tb_num></a> | 




<a href="<%topentry_link>#comment">コメント：<%topentry_comment_num></a> |



</div>

</div>

<div class="pageLink">

≪<a href="<%preventry_url>"><%preventry_title></a>

| <a href="<%url>">ホーム</a> |

<a href="<%nextentry_url>"><%nextentry_title></a>≫

</div>
<div class="mainEntryBlock">
<div class="mainEntryTitle"><a name="comment" id="comment"></a>コメント</div>
<div class="mainEntryBase">
<div class="mainCommentBold">この記事へのコメント</div>

<div class="mainCommentTitle"><a id="comment<%comment_no>" name="comment<%comment_no>"></a><%comment_title></div>
<div class="mainCommentBody"><%comment_body></div>
<div class="mainCommentDate"><%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>


<div class="mainCommentBold"><a name="comment_post" id="comment_post"></a>コメントを投稿する</div>
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="regist" />
<input type="hidden" name="comment[no]" value="<%pno>" />
<div class="mainCommentBody">
<table border="0" align="center" cellpadding="8" cellspacing="0">
<tr><td width="50"><label for="name">Name:</label></td>
<td width="250"><input id="name" type="text" name="comment[name]" size="30" class="mainFormText" value="<%cookie_name>" />
</td></tr><tr><td>
<label for="subject">Subject:</label>
</td><td>
<input id="subject" type="text" name="comment[title]" size="30" class="mainFormText" />
</td></tr><tr><td>
<label for="mail">Mail:</label>
</td><td>
<input id="mail" type="text" name="comment[mail]" size="30" class="mainFormText" value="<%cookie_mail>" />
</td></tr><tr><td>URL:
</td><td>
<input id="url" type="text" name="comment[url]" size="30" class="mainFormText" value="<%cookie_url>" />
</td></tr><tr><td>Comment:
</td><td>
<script type="text/javascript" src="http://blog25.fc2.com/load.js"></script><br />
<textarea id="comment" cols="40" rows="8" name="comment[body]" class="mainFormTextarea" ></textarea>
</td></tr><tr><td>Pass:
</td><td><input id="pass" type="password" name="comment[pass]" size="20" class="mainFormPass" />
</td></tr><tr><td>秘密:
</td><td>
<input id="himitu" type="checkbox" name="comment[himitu]" class="mainFormCheack" />
                    管理者にだけ表示を許可する
</td></tr><tr><td>&nbsp;
</td><td>
<input type="submit" value="送信" class="mainFormButton" />
</td></tr></table>
</div>
</form>

</div></div>

	    


<div class="mainEntryBlock">
<div class="mainCommentBold"><a name="comment_post" id="comment_post"></a>コメントを編集する</div>
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="edit" />
<input type="hidden" name="mode2" value="edited" />
<input type="hidden" name="edit[rno]" value="<%eno>" />
<div compact="compact" class="mainCommentBody">
<table border="0" align="center" cellpadding="8" cellspacing="0">
<tr><td>Name:
</td><td>
<input id="name" type="text" name="edit[name]" size="30" value="<%edit_name>" class="mainFormText" />
</td></tr><tr><td>Subject:
</td><td>
<input id="subject" type="text" name="edit[title]" size="30" value="<%edit_title>" class="mainFormText" />
</td></tr><tr><td>Mail:
</td><td>
<input id="mail" type="text" name="edit[mail]" size="30" value="<%edit_mail>" class="mainFormText" />
</td></tr><tr><td>
<label for="url">URL:</label>
</td><td><input id="url" type="text" name="edit[url]" size="30" value="<%edit_url>" class="mainFormText" />
</td></tr><tr><td>Comment:
</td><td>
<script type="text/javascript" src="http://blog25.fc2.com/load.js"></script><br />
<textarea id="comment" cols="40" rows="8" name="edit[body]" class="mainFormTextarea"><%edit_body></textarea>
</td></tr><tr><td>Pass:
</td><td>
<input id="pass" type="password" name="edit[pass]" size="20" class="mainFormPass" />
</td></tr><tr><td>秘密:
</td><td>
<input id="himitu" type="checkbox" name="edit[himitu]" class="mainFormCheack" />秘密にする
</td></tr><tr><td>&nbsp;
</td><td><input type="submit" value="送信" class="mainFormButton" />

<div class="mainEntryBlock">
<div class="mainEntryTitle"><a id="<%topentry_no>" name="<%topentry_no>"></a><a name="trackback" id="trackback"></a>トラックバック</div>
<div class="mainEntryBase">
<div class="mainTrabaBold">この記事のトラックバックURL</div>
<div class="mainTrabaUrl"><%trackback_url><br /> <a href="javascript:window.location.replace('http://blog.fc2.com/?url='+window.location.href);">この記事にトラックバックする(FC2ブログユーザー)</a></div>
<div class="mainTrabaBold">この記事へのトラックバック</div>

<div class="mainTrabaTitle"><a href="<%tb_url>" name="trackback<%tb_no>" id="trackback<%tb_no>"><%tb_title></a></div>
<div class="mainTrabaBody"><%tb_excerpt></div>
<div class="mainTrabaDate"><%tb_year>/<%tb_month>/<%tb_day>(<%tb_wayoubi>) <%tb_hour>:<%tb_minute>:<%tb_second> | <%tb_blog_name></div>

</div></div>

</div></div>

</div>

<div align="center">
<div id="footBlock">

<div id="siteinfo-legal">
<p class="prev-next-navi">

<a href="<%prevpage_url>" title="前頁へ移動する">Before</a>

<span>&nbsp;|&nbsp;</span><a href="<%url>" title="<%blog_name>へ戻る"><%blog_name></a><span>&nbsp;|&nbsp;</span>

<a href="<%nextpage_url>" title="次頁へ移動する">Next</a>

<hr style="width:60%;border: solid 1px #D3D1B5;" />
<table border="0"><tr><td>
<%ad> <%ad2>　／　Template by
</td><td style="width:92px;">
 <a href="http://blog298.blog25.fc2.com/" target="_blank"><img src="http://blog25.fc2.com/b/blog298/file/blog_c.gif" border="0" alt="無料ブログ（blog）テンプレート カスタマイズ方法" style="margin-bottom:-3px;"></a>
</td></tr></table>
</p>
</div>

</div>
</div>

</body>
</html>

● CSSソース部分

@charset "EUC-JP";

/************************************/
/* body */
body{
font-family: "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF","\30D2\30E9\30AE\30CE\20Pro\20W3",Osaka,sans-serif ;
font-size: 12px;
line-height: 130%;
color: #333333;
margin: 0;
padding: 0; 
}
#baseBlock {
width: 850px;
padding: 0px;
margin: 0px auto;
border: solid 1px #D3D1B5;
}

#baseLeft {
width : 670px;
float : left;
}
/************************************/
/* リンクの色 */
a{ color: #656565;
}
a:link{ color: #006655; text-decoration: underline;
}
a:visited{ color: #656565;
}
a:hover{ color: #ff2200; text-decoration:none;
}

/************************************/
/* list要素 */
blockquote {
margin: 5px;
background-color: #E8F3FF;
padding: 5px;
border-top: 1px dotted #336699;
border-right: 1px dotted #336699;
border-bottom: 1px dotted #336699;
border-left: 5px solid #336699;
}

/************************************/
/*head要素 */

/************************************/
/*head要素 */
#headBlock1 {
height: 160px;
width: 850px;
background-image: url(http://blog25.fc2.com/b/blog298/file/bg.01wb.gif);
}
#headBlogName{
font-family:"ＭＳ Ｐゴシック", "Verdana", "Arial Black", "Impact", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
}
h1 { font-size: 24px;
margin: 15px 0px 5px 0px;
padding-left : 10px;
}
#headBlock2 {
margin: 0px;
padding: 0px;
height: 33px;
width: 850px;
color: #003300;
background-image: url(http://blog25.fc2.com/b/blog298/file/bg.01wb.gif);
text-align: right;
border-top: solid 1px #D3D1B5;
}
#headIntroduction h2{
font-family:"ＭＳ Ｐゴシック", "Verdana", "Arial Black", "Impact", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
font-size: 14px; font-weight: bold;
color: #003333;
margin: 15px 0px 0px 0px;
padding-left : 30px;
}

#headBlock1 a:hover {
color:#ff7700; text-decoration : underline;
}

/************************************/
/* 上部カレンダー設定 */
#Calendar {
text-align: center;
font-size: 12px; font-weight: bold;
color: #333333;
margin-top: 2px;
padding-top: 2px;
width: 100%;
}
#Calendar .day {
margin-right: 3.5px;
}
#Calendar a {
color:#656565; text-decoration : underline;
}
#Calendar a:hover {
color:#ff7700; text-decoration : underline;
}

/************************************/
/* form 要素 */
form {
padding: 0px;
margin: 0px;
margin-right: 5px;
}
.search {
width:80px;
border: 1px solid #C2C2C2;
margin-top: 0px;
margin-left: 5px;
}
.button {
width:30px;
border: 1px solid #C2C2C2;
background-color:#ffffff;
margin-left: 0px;
margin-top: 0px;
}

/************************************/
/* 左menu 要素 */
#menu1Block {
float : left;
width : 195px;
border-top: solid 1px #D3D1B5;
border-right: solid 1px #D3D1B5;
border-bottom: solid 1px #D3D1B5; background-image: url(http://blog25.fc2.com/b/blog298/file/bg.01wb2.gif);
}
.menu1BlockBase {
width : 195px;
margin: 0px;
padding: 0px;
}
.menu1BlockHead {
padding: 0px 0px 0px 15px;
margin: 0px;
padding: 3px 5px 3px 5px;
font-size: 13px;
color:#ffffff;
font-weight: bold;
background: #ff8800;
}

.menu1BlockBody {
margin: 0px;
padding-left: 8px;
}
.menu1BlockBody p{
margin: 0.2em;
}
.menu1BlockFoot {
margin: 0px;
padding: 0px;
}
.menuText {
font-family: "MS UI Gothic", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
font-size: 12px;
padding: 5px;
margin-bottom: 10px;
color: #333333;
line-height: 120%;
}
.menuText ul {
padding: 0px 5px 0px 5px;
margin: 2px;
}
.menuText ul li {
padding: 0px 0px;
margin: 5px;
list-style-type: square;
}
.plugin-freearea {
font-size: 12px;
}
.font1 { font-family:wingdings;
font-size:16px;color:#006600;
}

/************************************/
/* main 要素 */
#mainBlock {
float : left;
width : 470px;
}
.mainEntryBlock {
border-top: 2px solid #D8D8D8;
margin: 0px 0px 10px 10px;
}
.mainEntryTitle h3 {
padding: 4px 0px 5px 5px;
margin: 0px;
font-family:"ＭＳ Ｐゴシック", "Verdana", "Arial Black", "Impact", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
font-size: 14px;
color: #6C6C6C;
background-color:#ffffaa;
border-bottom: 1px dotted #336699;
}
.mainEntryTitle a {
text-decoration : none;
}
.mainEntryTitle a:hover {
color:#ff7700; text-decoration : none;
}
.mainEntryBase {
margin: 0px;
}
.mainEntryBody {
margin: 10px 0px 10px 5px;
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
font-size: 12px;
line-height: 130%;
color: #333333;
}
.mainEntryMore {
margin: 0px;
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
font-size: 12px;
line-height: 130%;
color: #333333;
}
.mainEntryDate {
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
font-size: 12px;
line-height: 130%;
color: #454545;
text-align: right;
margin: 15px 0px 5px;
padding-right: 5px;
}
.mainEntryComment {
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
font-size: 10px;
line-height: 130%;
color: #666666;
margin: 0px 10px 0px 15px;
}
.mainEntryComment ul {
padding: 0px;
margin: 0px 10px 5px 5px;
}
.pageLink {
font-size: 12px; color: #ffffff;
text-align: center; margin: 5px 0px 10px 0px;
}

/************************************/
/* mainComment要素 */
.mainCommentBold {
padding: 10px 0px 2px 5px;
margin: 0px 3px;
border-bottom: 3px solid #F0F0F0;
font-size: 12px;
font-weight: bold;
color: #666;
}
.mainCommentTitle{
padding: 3px 0px 5px 15px;
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
font-weight: bold;
font-size: 12px;
color: #990033;
}
.mainCommentBody {
padding: 0px 0px 0px 20px;
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
font-size: 12px;
line-height: 130%;
color: #333333;
}
.mainCommentDate {
padding: 5px 10px 15px 20px;
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
font-size: 10px;
color: #454545;
}

/************************************/
/* maintForm要素 */
.mainForm {
margin: 10px;
}
.mainForm dt {
width: 150px;
}
.mainForm dd {
font-size: 10px;
padding: 0;
margin: 15px 10px 0px;
}
.mainFormText {
width: 250px;
border: 1px solid #003366;
}
.mainFormTextarea {
width: 250px;
border: 1px solid #003366;
}
.mainFormPass {
border: 1px solid #003366;
}
.mainFormCheck {
border: 1px solid #003366;
}
.mainFormButton {
width: 100px;
}

/************************************/
/* maintTaba要素 */
.mainTrabaBold{
padding: 15px 0px 2px 5px;
margin: 0px 3px 0px 3px;
border-bottom: 3px solid #F0F0F0;
font-size: 12px;
font-weight: bold;
color: #666;
}
.mainTrabaTitle{
padding: 3px 0px 5px 15px;
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
font-weight: bold;
font-size: 12px;
color: #009966;
}
.mainTrabaBody {
padding: 0px 0px 0px 20px;
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
font-size: 12px;
line-height: 130%;
color: #333333;
}
.mainTrabaDate {
padding: 5px 10px 15px 20px;
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
font-size: 10px;
color: #454545;
}
.mainTrabaUrl {
padding: 4px 0px 20px 10px;
}

/************************************/
/* 右menu 要素 */
#menu2Block {
float : right;
width : 170px;
background-image: url(http://blog25.fc2.com/b/blog298/file/bg.01wb2.gif);
border-left: solid 1px #D3D1B5;
border-top: solid 1px #D3D1B5;
border-bottom: solid 1px #D3D1B5;
}
.menu2BlockBase {
width : 170px;
margin: 0px;
padding: 0px;
}
.menu2BlockHead {
font-size:12px;
color:#ffffff;
background: #ff8800;
margin: 0px;
padding: 2px 1px 2px 5px;
}
.menu2BlockBody {
margin: -10px 0px -10px 0px;
padding: 0px;
}
.menuBlockBody p{
margin: 0.2em;
}
.menu2BlockText {
font-family: "MS UI Gothic", "Hiragino Kaku Gothic Pro", "\30D2\30E9\30AE\30CE\20Pro\20W3", "Osaka";
font-size: 12px;
padding: 5px;
color: #333333;
line-height: 130%;
}
.menu2BlockText ul {
padding-left: 15px;
margin: -10px 0px -10px 0px;
}
.menu2BlockText ul li {
padding: 0px 0px 0px 0px;
margin: 5px;
list-style-type: square;
}

/* カレンダ?要素 */
table.calender {
font-size: 10px;
width: 95%;
border-collapse: separate;
border-spacing: 0;
padding: 0.5em 0 0.7em 0;
font-family: Arial, Helvetica, sans-serif;
}
.calender caption {
font-size: 100%;
border-bottom: 1px solid #777;
padding: 0 0 0.5em 0;
}
.calender th {
font-weight: normal;
}
.calender td {
width: 14%;
text-align: center;
padding: 0.1em;
}
.calender td a {
display: block;
}
th#sun {
color: #f00;
}
th#sat {
color: #00f;
}

/************************************/
/* Siteinfo-Legal */

div#siteinfo-legal p {
padding : 0.5em 0;
text-align : center;
margin:0px 0px 0px 0px;
background-color: #ffffff;
}

/************************************/
/* footer 要素 */
#footBlock {
width: 850px;
height: 40px;
text-align : center;
padding: 0px;
margin: 0px;
border-top: solid 1px #D3D1B5;
clear: both;
}

img.emoji{
vertical-align:middle;
border:0;
}

▲ 還元率、報酬額ともに高いアフィリエイトプログラム ▲

▲ 無料で簡単！容量2ＧＢ！デザイン自由なブログ！ ▲

ポータルプロバイダ別blog
デザインカスタマイズ事典

blog298_10-3

FC2ブログ専用オリジナルテンプレート 10作目（blog298_10-3）

■無料ブログ（blog）テンプレート カスタマイズ方法

■無料ブログ（blog）テンプレートカスタマイズ方法