「templ8_4aka」テンプレ無料配布　Templ8@FC2blog

FC2ブログテンプレートの無料配布とカスタマイズでSEO対策（検索エンジン最適化）

ホーム > テンプレ配布 >「templ8_4aka」テンプレ無料配布

「templ8_4aka」テンプレ無料配布

「templ8_4aka」の詳細

「templ8_4aka」のプレビュー

それではテンプレート取得の手順を説明します。

まずはいらなくなったテンプレートや必要のないテンプレートを用意します。
ない場合は、今使用しているテンプレートを複製して作ります。
用意できましたら、そのテンプレートの編集画面を開いて、以下の手順を行いましょう。

1. テンプレート名変更
すでに入っているテンプレート名を削除し、以下のソースをテンプレート名変更欄にコピー＆ペーストしましょう。

2. HTML編集
すでに入っているソースを削除し、以下のソースをHTML編集欄にコピー＆ペーストしましょう。

<?xml version="1.0" encoding="euc-jp"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ja" dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xml: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="keywords" content="<%blog_name><%sub_title>">
<meta name="description" content="<%introduction><%sub_title>のページ<%sub_title>のカテゴリー">

// --></script>

<title><%blog_name><%sub_title>　<%blog_name><%sub_title>　<%blog_name><%blog_name></title>
<link rel="stylesheet" type="text/css" href="<%css_link>" media="screen,tv" title="default" />
<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="<%preventry_url>" title="<%preventry_title>" />
<link rel="next" href="<%nextentry_url>" title="<%nextentry_title>" />
</head>
<body>

<div id="header_outline">
<div id="header_body">
<h1><a href="<%url>" title="<%blog_name> トップページへ"><%blog_name><%sub_title>　<%blog_name><%sub_title>　<%blog_name><%blog_name></a></h1>
<h2 class="intro"><%introduction></h2>
</div>
</div>

<div class="menu">
<ul>
<li><a href="<%url>">HOME</a></li><li>|</li>
<li><a href="mailto:">MAIL</a></li><li>|</li>
<li><a href="http://templ8.blog55.fc2.com/archives.html">ARCHIVES</a></li><li>|</li>
<li><a href="http://templ8.blog55.fc2.com/?xml">RSS</a></li><li>|</li>
<li><a href="http://templ8.blog55.fc2.com/?admin">EDIT</a></li><li>|</li>
</ul>
</div>

<div class="banner">
ここに広告を掲載できます。広告によってCSSのwidth、heightを変えてください。（初期値728*15） 
</div>

<div class="pankuzu">


<a href="<%url>" title="ホームへ">ホーム</a> > <a href="<%topentry_category_link>"><%topentry_category></a> > <%sub_title> 


 
<a href="<%url>" title="ホームへ">ホーム</a> > カテゴリー － <%sub_title> 
 
 
<a href="<%url>" title="ホームへ">ホーム</a> > 検索 － <%sub_title> の検索結果
<form action="./" method="get"><input type="text" size="20" name="q" value="" maxlength="200" class="ipt" /> <input type="submit" value="Search" class="search" /></form> 
 
 
<a href="<%url>" title="ホームへ">ホーム</a> > アーカイブ － <%now_year>年<%now_month>月
 

<a href="<%url>" title="ホームへ">ホーム</a> > edit － 修正画面


<a href="<%url>" title="ホームへ">ホーム</a> > <%tag_word>

</div>

<div class="ently_outline">
<h2 class="ently_title">
<a href="<%topentry_link>" name="entry<%topentry_no>" id="entry<%topentry_no>" title="記事を参照">
<%topentry_title></a></h2>
<div class="ently_body">
<div class="ently_text">
<%topentry_body>

<div class="readmore">
    ≫ <a href="<%topentry_link>#more">続きを読む</a>
</div>

<div class="readmore">
<%topentry_more>
</div>

</div>
<div class="ently_navi">
[ <%topentry_year>/<%topentry_month>/<%topentry_day>
 <%topentry_hour>:<%topentry_minute> ]
<a href="<%topentry_category_link>" title="カテゴリを参照"><%topentry_category></a> | 

<a href="<%topentry_link>#trackback" title="この記事のトラックバックを参照">TB(<%topentry_tb_num>)
</a>
トラックバック(-) | 

<a href="<%topentry_link>#comment_list" title="この記事のコメントを参照">CM(<%topentry_comment_num>)
</a>
コメント(-)<br />
</div>
</div>
</div>

<a name="comment_list"></a>

<div class="comment_outline">
<div class="comment_title"><a name="comment<%comment_no>" id="comment<%comment_no>"><%comment_title></a></div>
<div class="comment_body">
<div class="comment_text"><%comment_body></div>
<div class="comment_navi">
[ <%comment_year>/<%comment_month>/<%comment_day> <%comment_hour>:<%comment_minute> ] 
<SCRIPT LANGUAGE="JavaScript"> 
v = "<%comment_url>"; 
iffunc(v); 
function iffunc(b) 
{ 
if (b) { 
document.write("<a href='<%comment_url>' target='_blank'>"+"<%comment_mail>"+"</a> <a href='<%comment_url>' target='_blank'><%comment_name></a>"); 
} else { 
document.write("<%comment_mail> <%comment_name>"); 
} 
} 
</SCRIPT> 
[ <a href="<%comment_edit_link>" title="コメントを編集する">編集</a> ] 
</div>
</div>
</div>

<div class="comment_outline">
<div class="comment_title">コメントの投稿</div>
<div class="comment_body">
<div class="comment_text">
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="regist" />
<input type="hidden" name="comment[no]" value="<%pno>" />
<label for="subject">題名:</label><br />
<input id="subject" type="text" name="comment[title]" size="40" /><br />
<label for="name">名前:</label><br />
<input id="name" type="text" name="comment[name]" size="40" value="<%cookie_name>" /><br />
<label for="mail">サイト名:</label><br />

<label for="url">URL:</label><br />
<input id="url" type="text" name="comment[url]" size="40" value="<%cookie_url>" /><br />
<label for="comment">COMMENT:</label><br />
<script type="text/javascript" src="http://blog44.fc2.com/load.js"></script><br />
<textarea id="comment" cols="50" rows="8" name="comment[body]"></textarea><br />
<label for="pass">PASS:</label><br />
<input id="pass" type="password" name="comment[pass]" size="20" /><br />
<label for="himitu">SECRET:</label><br />
<input id="himitu" type="checkbox" name="comment[himitu]" value="管理者にだけ表示を許可する" />管理者にだけ表示を許可する
<input type="submit" value="送信" onClick="mySetCookie('web_name',document.comment_form.mail.value,'365')" />
</form>
</div>
</div>
</div>

<div class="comment_outline">
<div class="comment_title">コメントの編集</div>
<div class="comment_body">
<div class="comment_text">
<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>" />
<label for="subject">題名:</label><br />
<input id="subject" type="text" name="edit[title]" size="40" value="<%edit_title>" /><br />
<label for="name">名前:</label><br />
<input id="name" type="text" name="edit[name]" size="40" value="<%edit_name>" /><br />
<label for="mail">サイト名:</label><br />

<label for="url">URL:</label><br />
<input id="url" type="text" name="edit[url]" size="40" value="<%edit_url>" /><br />
<label for="comment">COMMENT:</label><br />

<textarea id="comment" cols="55" rows="8" name="edit[body]"><%edit_body></textarea><br />
<label for="pass">PASS:</label><br />
<input id="pass" type="password" name="edit[pass]" size="20" /><br />
<label for="himitu">SECRET:</label><br />
<input id="himitu" type="checkbox" name="edit[himitu]" value="管理者にだけ表示を許可する" />管理者にだけ表示を許可する
<p>
<input type="submit" value="送信" /> 
<input type="submit" name="edit[delete]" value="削除" />
</p>
</form>
</div>
</div>
</div>

<div class="trackback_outline">
<div class="trackback_block_title"><a name="trackback" id="trackback">トラックバック</a></div>
<div class="trackback_block_body">
この記事のトラックバックURL<br />
<a href="<%trackback_url>"><%trackback_url></a><br /><br />

<div class="trackback_title"><a id="trackback<%tb_no>" name="trackback<%tb_no>" target="_blank"><%tb_title></a></div>
<div class="trackback_body">
<%tb_excerpt>
<div class="trackback_navi">
[<%tb_year>/<%tb_month>/<%tb_day> <%tb_hour>:<%tb_minute>]
<a href="<%tb_url>" target="_blank"><%tb_blog_name></a>
</div>
</div>

</div>
</div>

<p class="page_navi">

≪<a href="<%prevpage_url>">前ページ</a>

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

<a href="<%nextpage_url>">次ページ</a>≫

<br /><a href="#top" title="ページトップへ"> Page Top↑</a>
</p>

</div>

<div class="plugin_outline">
<div class="plugin_title" style="text-align:<%plugin_first_talign>"><%plugin_first_title></div>
<div class="plugin_body">
<div style="text-align:<%plugin_first_ialign>; margin:1px 5px;"><%plugin_first_description></div>
<div style="text-align:<%plugin_first_align>"><%plugin_first_content></div>
<div style="text-align:<%plugin_first_ialign>; margin:1px 5px;"><%plugin_first_description2></div>
</div>
</div>

</div>

</div>

<div class="plugin_outline">
<div class="plugin_title" style="text-align:<%plugin_second_talign>"><%plugin_second_title></div>
<div class="plugin_body">
<div style="text-align:<%plugin_second_ialign>; margin:1px 5px;"><%plugin_second_description></div>
<div style="text-align:<%plugin_second_align>"><%plugin_second_content></div>
<div style="text-align:<%plugin_second_ialign>; margin:1px 5px;"><%plugin_second_description2></div>
</div>
</div>


<div class="plugin_outline">
<div class="plugin_title" style="text-align:<%plugin_third_talign>"><%plugin_third_title></div>
<div class="plugin_body">
<div style="text-align:<%plugin_third_ialign>; margin:1px 5px;"><%plugin_third_description></div>
<div style="text-align:<%plugin_third_align>"><%plugin_third_content></div>
<div style="text-align:<%plugin_third_ialign>; margin:1px 5px;">
<%plugin_third_description2></div>
</div>
</div>

</div>

<div id="footer_outline">
<div id="footer_body">
copyright © 2006 <a href="<%url>"><%blog_name></a> all rights reserved.<br />
Customized by <a href="http://mlog.xyz/" target="_blank">mlog</a> Template by <a href="http://10plate.blog44.fc2.com/" target="_blank">FC2ブログのテンプレート工房</a><br />
<%ad>  <%ad2>
</div>
</div>

</div>
</body>
</html>

3. スタイルシート編集
すでに入っているソースを削除し、以下のソースをスタイルシート編集欄にコピー＆ペーストしましょう。

body { 
text-align:center;
line-height:1.6;
margin:0;
padding:0;
background-color:#FFFFFF;                       /* 外側背景色 */
} 
#outline { 
background-color:#FFFFFF;                     /* サイト背景色 */
}

/******************************************* ▼ サイトの幅 ▼ */
#outline { 
width:950px;                                         /* 全体 */
margin:0 auto; 
}
#left { 
width:500px;                                          /* 左（記事） */
float:left; 
} 
#center { 
width:260px;                                            /* 中央（プラグイン1） */
float:right; 
} 
#right { 
width:170px;                                            /* 右（プラグイン2、3） */
float:right; 
} 
#center-left {             /* 計算して設定してください ------ */
width:770px;               /* (全体-左-中央-右)/2 + 左 + 中央 */
float:left; 
} 
/******************************************* ▲ サイトの幅 ▲ */

/******************************* ▼ リンクの色と下線の有無 ▼ */
a:link {
color:#FF9999;
text-decoration:underline;
}
a:active {
color:#FF9999;
text-decoration:underline;
}
a:visited {
color:#FF9999;
text-decoration:underline;
}
a:hover {
color:#FF9999;
text-decoration:underline;
}
/******************************* ▲ リンクの色と下線の有無 ▲ */

/********************************************* ▼ ヘッダー ▼ */
#header_outline {
border:1px solid #FF9999;                     /* 外枠の色     */
margin:10px 0px 0px;                           /* ヘッダ間隔 */
}
#header_body { 
background-color:#FF9999;                     /* 背景色       */
border:1px solid #FF9999;                     /* 内枠の色     */
} 
/********************************************* ▲ ヘッダー ▲ */

/*************************************** ▼ ブログタイトル ▼ */
h1 { 
font-size:14pt;
text-align:left;
margin:10px 10px 5px; 
}

/* ▽ブログタイトルリンク▽ */
h1 a:link {
color:#FFFFFF;
text-decoration:none;
}
h1 a:active {
color:#FFFFFF;
text-decoration:none;
}
h1 a:visited {
color:#FFFFFF;
text-decoration:none;
}
h1 a:hover {
color:#FFFFFF;
text-decoration:underline;
}
/* △ブログタイトルリンク△ */

/*************************************** ▲ ブログタイトル ▲ */

/***************************************** ▼ サイト紹介文 ▼ */
.intro { 
font-size:10pt;
color:#FFFFFF;
text-align:left;
margin:0px 10px 10px; 
font-weight:normal;
}
/***************************************** ▲ サイト紹介文 ▲ */

/********************************************* ▼ ヘッダーメニュー ▼ */
.menu{
color:#FFF;
font-size:10pt;
margin:0px 0px 10px 0px;
padding:0px 10px;
text-align:left;
height:20px;
border-top:1px solid #FFF;
background:#FFBBBB;
}
.menu ul{
margin: 0px;
padding: 3px 0px;
text-align: center;
line-height: 150%;
width: 100%;
float: left;
}
.menu li{
float: left;
list-style-type: none;
margin: 0px;
padding: 0px 5px;
text-align: center;
}

/* ▽ヘッダーメニューリンク▽ */
.menu a:link{
color:#FFFFFF;
text-decoration:none;
}
.menu a:visited{
color:#FFFFFF;
text-decoration:none;
}
.menu a:hover{
color:#FFFFFF;
text-decoration:underline;
}
/* △ヘッダーメニューリンク△ */

/********************************************* ▲ ヘッダーメニュー ▲ */

/************************************************* ▼ ヘッダー広告 ▼ */
.banner{
clear:both;
font-size:10pt;
color:#000000;
margin:0px 0px 10px 0px;
width:728px;                      /* ★広告サイズに合わせて数値を変えてください★ */
height:15px;                       /* ★広告サイズに合わせて数値を変えてください★ */
text-align:center;
background:#FFFFFF;
}
/********************************************* ▲ ヘッダー広告 ▲ */

/************************************************* ▼ 記事 ▼ */
.ently_outline { 
border:#000000 0px solid;               /* 外枠の色/太さ/実線 */
background-color:#FFFFFF;
margin-bottom:20px;
} 
.ently_title { 
font-size:11pt;
background-color:#FFFFFF;
text-align:left;
border-bottom:1px solid #000000;
padding:1px 10px;
margin:0;
}

/* ▽記事タイトルリンク▽ */
h2 a:link {
color:#CC6666;
text-decoration:none;
}
h2 a:active {
color:#CC6666;
text-decoration:none;
}
h2 a:visited {
color:#CC6666;
text-decoration:none;
}
h2 a:hover {
color:#CC6666;
text-decoration:underline;
}
/* △記事タイトルリンク△ */

.ently_body { 
font-size:10pt;
color:#000000;
} 
.ently_text {
text-align:left;
margin:10px 0px; 
}
.ently_navi { 
border-top:1px solid #CCCCCC;
text-align:right;                     /* 時刻・CM・TB */
margin:0px 0px 3px; 
} 
/************************************************* ▲ 記事 ▲ */

/*************************** ▼ 左右プラグイン ▼ */
.plugin_outline { 
border-top:   #000000 0px solid;                /* 個別枠(上) */
border-right: #000000 0px solid;                /* 個別枠(右) */
border-bottom:#000000 0px solid;                /* 個別枠(下) */
border-left:  #000000 0px solid;                /* 個別枠(左) */
} 
.plugin_title { 
font-size:10pt;
color:#000000;
background-color:#FFFFFF;
border-bottom:1px solid #000000;
padding:2px 5px; 
} 
.plugin_body { 
font-size:10pt;
color:#000000;
background-color:#ffffff;
padding:5px 0px 20px 0px; 
line-height:1.4;
} 
/*************************** ▲ 左右プラグイン ▲ */

/********************************************* ▼ コメント ▼ */
.comment_outline { 
border:#000000 0px solid;           /* 外枠の/色太さ/実線     */
background-color:#FFFFFF;
text-align:left;
margin-bottom:20px;
} 
.comment_title { 
font-size:10pt;
color:#000000;
font-weight:bold;
background-color:#FFFFFF;
text-align:left;
border-bottom:1px solid #000000;
padding:5px 20px; 
} 
.comment_body { 
font-size:10pt;
color:#000000;
} 
.comment_text { 
text-align:left;
margin:10px 0px;
}
.comment_navi { 
text-align:right;                 /* 時刻・投稿者 */
margin:0px 0px 3px;
} 
/********************************************* ▲ コメント ▲ */

/*************************************** ▼ トラックバック ▼ */
.trackback_outline { 
border:#000000 0px solid;             /* 外枠の/色太さ/実線   */
background-color:#FFFFFF;
margin-bottom:20px; 
} 
.trackback_block_title { 
font-size:10pt;
color:#000000; 
font-weight:bold;
background-color:#FFFFFF;
text-align:left;
border-bottom:1px solid #000000;
padding:5px 20px; 
} 
.trackback_block_body { 
font-size:10pt;
color:#000000;
text-align:left; 
padding:10px 0px 0;
}
.trackback_title {
font-size:10pt;
color:#000000;
font-weight:bold;
}
.trackback_body { 
font-size:10pt;
color:#000000;
margin-bottom:20px;
}
.trackback_navi {
text-align:right;                 /* 時刻・投稿者 */
} 
/*************************************** ▲ トラックバック ▲ */

/********************************************* ▼ フッター ▼ */
#footer_outline {
border-top:1px solid #000000;                    /* 外枠の色   */
background-color:#FFFFFF;
}
#footer_body { 
font-size:9pt;
color:#000000;
padding:10px; 
}

#footer_body a:link    { color:#FF9999; } 
#footer_body a:active  { color:#FF9999; }
#footer_body a:visited { color:#FF9999; }
#footer_body a:hover   { color:#FF9999;}
/********************************************* ▲ フッター ▲ */

/* カレンダー */
.calender td { text-align: center; }
th#sun { color: #CC3300; }
th#sat { color: #0066CC; }

/*** その他 ***/
p { margin: 2px 0; }
ul { margin:2px 0 5px 0; padding:0; list-style-type: none;} 
li { margin-left:0px; margin-bottom:3px; } 
form { margin:0; }
img { border:0px; }
table { font-size:10pt; }
.c-both { clear:both; } 
.readmore { margin-top: 10px; } 
.readclose { margin: 10px 0; } 
.page_navi { margin:30px 0; font-size:9pt; }

blockquote {
margin-right: 2em;
margin-left: 2em;
padding: 10px;
border: solid 1px #000000;
width: auto;
color: #000000;
}

.pankuzu {
font-size:10pt; 
text-align:left; 
margin:0px 0px 10px 0px;} 
.pankuzu a:link{color:#FF9999;} 
.pankuzu a:visited{color:#FF9999;}
.pankuzu a:hover{color:#FF9999;} 
.pankuzu a:active{color:#FF9999;}

/**************************************************************/
/* フッターにある著作権表示(リンク)さえ残して頂ければ         */
/* どんなにカスタマイズされても構いません。また、             */
/* どのようなサイトでも利用してくださって結構です。           */
/* 何か解からないことがあれば何でも聞いてください。           */
/*                                       Templ8@FC2blog                 */
/* [templ8_4aka]               (http://templ8.blog55.fc2.com/) */
/**************************************************************/

4. 更新ボタンを押せば完成です。

うまくいきましたでしょうか？もしうまくいかなかったり、わからなかったりした場合は気軽にご連絡ください。

一応の参考のためにこちらのテンプレートを取得された方は、「取得しましたー」でも何でも良いので下↓のコメント欄に一言コメントを頂けると嬉しいです。よろしくおねがします。

2009/03/13 18:03 テンプレ配布

取得しました。

シンプルで使いやすそうです。ありがとうございます。

2009/04/04 03:17 [ 編集 ]

承認待ちコメント

このコメントは管理者の承認待ちです

2010/09/16 15:49 [ 編集 ]

承認待ちコメント

このコメントは管理者の承認待ちです

2011/02/10 22:21 [ 編集 ]

コメントの投稿