上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 プラグイン3をトップページ用や、常置広告スペースなどに使用している方は、ブログの上部にプラグイン3を移動させたい場合があると思います。

 そんなときのためのチュートリアル。難しそうに見えるけど、結構簡単なので試してみてください。
 今回、「フェイス&3フェイス・なごみ」テンプレートを使って説明します。
 他のテンプレートもほとんど同じ形なので、参考にしてみてください。


まずバックアップ!

 テンプレートをいじっていない方は、またダウンロードすれば大丈夫ですが、もし少しでも独自にカスタマイズしている人は、テンプレートを複製(コピー)して、リスク回避!
 今までのカスタマイズがおじゃんになってしまわないように…

 以下は、現在ダウンロードできるバージョンです。
 古いバージョン(2010/11 以前ごろダウンロードされた方)をお使いの場合は『ここ』をクリックしてください。




カスタマイズ方法新バージョン

 まず、「テンプレートの設定画面」を開き、上の方にあるテキストボックス「○○の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" xml:lang="<%template_language>" lang="<%template_language>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<%template_charset>" />
<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="<!--not_permanent_area--><%introduction><!--/not_permanent_area--><!--permanent_area--><!--topentry--><%topentry_discription><!--/topentry--><!--/permanent_area-->" />
<title><!--not_index_area--><%sub_title> | <!--/not_index_area--><%blog_name></title>
<link rel="stylesheet" type="text/css" href="<%css_link>" media="all" />
<link rel="alternate" type="application/rss+xml" href="<%url>?xml" title="RSS" />
<link rel="top" href="<%url>" title="Top" />
<link rel="index" href="<%url>?all" title="<%template_index>" />
<script type="text/javascript" src="http://blog-imgs-44.fc2.com/d/e/s/designlabolatory/jquery.js"></script>
<script type="text/javascript"><!--
$(document).ready(function(){

$(".cate_oya_button").click(
function () {
$("#navigation").css("margin-bottom","30px");
$(".cate_oya_button").next().hide();
$(this).next().show();
}
);
});
//--></script>
</head>
<body>
<div class="body_skin">
<div id="conteinar">
<div id="header">
<h1><a href="<%url>" title="<%blog_name>"><%blog_name></a></h1>
<p class="intro"><%introduction></p>
</div>

<!--パンくずナビ&サーチ-->
<div class="pan_bar">
<table class="pan_bar_tb"><tr>
<td class="pan_bar_left">
<a href="<%url>" title="<%blog_name>">HOME</a>
<!--not_index_area-->
<!--not_permanent_area-->  »  <%sub_title><!--/not_permanent_area-->
<!--permanent_area-->  »  
<!--topentry-->
<a href="<%topentry_category_link>"><%topentry_category></a>  »  <%topentry_title>
<!--/topentry-->
<!--/permanent_area-->
<!--titlelist_area-->全記事表示<!--/titlelist_area-->
<!--/not_index_area-->
<td class="pan_bar_right">
<form action="./" method="get">
<span class="pan_bar_img">
<a href="<%url>?xml" target="_blank"title="RSSフィード"><img src="http://blog-imgs-44.fc2.com/d/e/s/designlabolatory/default-icon-16x16-rss.png" alt="RSSフィード" /></a>
<a href="http://www.google.com/ig/add?feedurl=<%url>?xml" target="_blank" title="iGoogleに追加"><img src="http://blog-imgs-44.fc2.com/d/e/s/designlabolatory/default-icon-16x16-google.png" alt="iGoogleに追加" /></a>
<a href="http://add.my.yahoo.co.jp/rss?url=<%url>?xml" target="_blank" title="MyYahooに追加"><img src="http://blog-imgs-44.fc2.com/d/e/s/designlabolatory/default-icon-16x16-yahoo.png" alt="MyYahooに追加" /></a>
</span><span class="top_input_box">
<input type="text" size="20" name="q" value="" maxlength="200">
</span><span class="top_input_btn">
<input type="image" src="http://blog-imgs-44.fc2.com/d/e/s/designlabolatory/default-icon-16x16-search.png" art="submit">
</span></form>
</table>
</div>

<!--カテゴリバー-->
<div id="navigation">
<!--category-->
<!--category_parent--><span class="cate_oya"><!--/category_parent-->
<!--category_sub_begin--><div class="cate_sub"><!--/category_sub_begin-->
<a href="<%category_link>" title="<%category_name>" class="cate_links"><%category_name></a>
<!--category_sub_end--></div><!--/category_sub_end-->
<!--category_parent--></span><!--/category_parent-->
<!--category_parent--><span class="cate_oya_button">▼</span><!--/category_parent-->
<!--/category-->
</div>

<div id="main">
<div class="main_body">

この部分、「メインエリア」の直前の行に、切り抜きしてきた文章をペーストします。

<!--メインエリア-->
<!--not_search_area-->
<!--not_titlelist_area-->
<!--記事一覧-->
<!--topentry-->
<div class="main_title_box">
<div class="title_category">
<h2><a href="<%topentry_category_link>"><%topentry_category></a></h2>
</div>
<div class="title_entry"><h3><a href="<%topentry_link>"><%topentry_title></a></h3></div>
</div><!--/title_box-->
<div class="text_body">
<%topentry_body>
<!--more_link-->
<div class="more_link">
<a href="<%topentry_link>"><%template_extend></a>
</div>
<!--/more_link-->
<!--追記-->
<!--more-->
<div id="more"><%topentry_more></div>
<div class="bookmarks">
<a href="http://twitter.com/home?status=<%topentry_enc_link>" target="_blank" title="ツイッターでこの記事のことをつぶやく"><img src="http://blog-imgs-44.fc2.com/d/e/s/designlabolatory/default-icon-16x16-twitter.png" alt="Twitter" /></a>
<a href="http://b.hatena.ne.jp/entry/<%topentry_link>" target="_blank" title="はてなブックマークに追加"><img src="http://blog-imgs-44.fc2.com/d/e/s/designlabolatory/default-icon-16x16-hatena.png" alt="はてなブックマークに追加" /></a>
</div>
<!--/more-->
</div><!--/text_body-->

<div class="text_footer">
<%topentry_year>.<%topentry_month>.<%topentry_day>  
<!--allow_comment-->
<a href="<%topentry_link>#cm" title="">Comment. <%topentry_comment_num></a>
<!--/allow_comment-->
<!--allow_tb-->
<a href="<%topentry_link>#tb" title="">Trackback. <%topentry_tb_num></a>
<!--/allow_tb-->
</div><!--/text_footer-->
<!--
<rdf:Description
rdf:about="<%topentry_link>"
trackback:ping="<%url>tb.php/<%topentry_tb_no>"
dc:title="<%topentry_title>"
dc:identifier="<%topentry_link>"
dc:subject="<%topentry_category>"
dc:description="<%topentry_discription>"
dc:creator="<%author_name>"
dc:date="<%topentry_year>-<%topentry_month>-<%topentry_day>T<%topentry_hour>:<%topentry_minute>:<%topentry_second>+09:00" />
</rdf:RDF>
-->
<!--/topentry-->
<!--/not_titlelist_area-->
<!--/not_search_area-->

<!--○次のページ○新着○タグリスト○-->
<!--permanent_area-->
<!--preventry-->
<div class="next_entry_title">NEXT Entry</div>
<div class="next_entry_entry">
<a href="<%preventry_url>"><%preventry_title></a>
</div>
<!--/preventry-->

<div class="next_entry_title">NEW Topics</div>
<div class="next_entry_entry">
<!--recent-->
<a href="<%recent_link>" title="<%recent_title>"><%recent_title></a><br>
<!--/recent-->
</div>

<!--topentry-->
<!--topentry_tag-->
<div class="next_entry_title">Entry TAG</div>
<div class="next_entry_entry">
<!--tag_list-->
<a href="<%url>?tag=<%topentry_tag_list_parsename>"><%topentry_tag_list_name></a>  
<!--/tag_list-->
</div>
<!--/topentry_tag-->
<!--/topentry-->
<!--/permanent_area-->

<!--全記事表示-->
<!--titlelist_area-->
<div class="sub_title_category">Archive</div>
<div class="all">
<table class="all_list">
<!--titlelist-->
<tr><td class="all_list_cate">
<a href="<%titlelist_category_url>" title="<%template_view_category>"><%titlelist_category></a>
<td class="all_list_url">
<a href="<%titlelist_url>" title="<%titlelist_body>"><%titlelist_title></a>
<td class="all_list_day">
<%titlelist_year>.<%titlelist_month>.<%titlelist_day>
<!--/titlelist-->
</table>
</div>
<!--/titlelist_area-->
<!--サーチエリア-->
<!--search_area-->
<div class="sub_title_category">Search</div>
<div class="sub_title_entry">search : <%sub_title></div>
<div class="search">
<div class="search_body">
<!--topentry-->
<div class="search_list">
<a href="<%topentry_link>"><%topentry_title></a>
<div class="search_dis">
<%topentry_discription>
</div>
</div>
<!--/topentry-->
</div>
</div>
<!--/search_area-->
</div><!--/main_body-->

<!--プラグイン3(トップページ専用)-->
<!--index_area-->
<!--plugin-->
<!--plugin_third-->
<div class="plg3_title" style="text-align:<%plugin_third_talign>">
<%plugin_third_title>
</div>
<div class="plg3_body">
<!--plugin_third_description-->
<div class="plg3_header" style="text-align:<%plugin_third_ialign>">
<%plugin_third_description>
</div>
<!--/plugin_third_description-->
<div class="plg3_body" style="text-align:<%plugin_third_align>">
<%plugin_third_content>
</div>
<!--plugin_third_description2-->
<div class="plg3_footer" style="text-align:<%plugin_third_ialign>">
<%plugin_third_description2>
</div>
<!--/plugin_third_description2-->
</div>
<!--/plugin_third-->
<!--/plugin-->
<!--/index_area-->


<div id="comment">
<!--コメントエリア-->
<!--comment_area-->
<div class="pg_top">
<a href="#">Page Top</a>
</div>

<div id="cm">
<div class="cmtb_title">Comment</div>
<!--comment-->
<div class="com_skin">
<div class="com_num"><%comment_no></div>
<div class="com_main">
<div id="comment<%comment_no>" class="sub_title"><%comment_title></div>
<div class="sub_body"><%comment_body></div>
<div class="sub_footer">
<span class="eng">
<%comment_year>. <%comment_month>. <%comment_day>  
</span>
<%comment_mail+name> <%comment_url+str>
<a href="<%comment_edit_link>" title="<%template_edit_comment>"><%template_edit></a>
</div>
</div>
<br clear="all"/></div>
<!--/comment-->
</div>
<!--/comment_area-->
<!--トラックバックエリア-->
<!--trackback_area-->
<div id="tb">
<div class="cmtb_title">Trackback</div>
<!--trackback-->
<div id="trackback<%tb_no>" class="sub_title"><a href="<%tb_url>" title="<%tb_title>"><%tb_title></a></div>
<div class="sub_body"><%tb_excerpt></div>
<div class="sub_footer">
<span class="eng">
<%tb_year>. <%tb_month>. <%tb_day>  
</span>
<%tb_blog_name>
</div>
<!--/trackback-->
</div>
<!--/trackback_area-->
<!--コメントフォーム&トラバURL-->
<!--trackback_area-->
<div id="tb_url">
<div class="cmtb_title">Trackback URL</div>
<div class="tb_url_box">
<input onfocus="this.select()" value="<%trackback_url>" readonly="readOnly" /><br />
<a href="javascript:window.location.replace('http://blog.fc2.com/?url='+window.location.href);" title=""><%template_trackback_this></a>
</div>
</div>
<!--/trackback_area-->
<!--comment_area-->
<div id="cm_form">
<div class="cmtb_title">Comment form</div>
<form action="./" method="post" name="comment_form" id="comment_form">
<input type="hidden" name="mode" value="regist" />
<input type="hidden" name="comment[no]" value="<%pno>" />
<table class="cmfm_tb"><tr>
<td class="cmfm_left"><label for="name">Title</label>
<td class="cmfm_right"><input id="subject" name="comment[title]" type="text" size="30" />
<tr><td class="cmfm_left"><label>Font & Icon</label>
<td class="cmfm_right_emoji"><script type="text/javascript" src="<%template_comment_js>"></script>
<tr><td class="cmfm_left_tex"><label for="comment">Comment</label>
<td class="cmfm_right_tex"><textarea id="comment" cols="50" rows="5" name="comment[body]"></textarea>
<tr><td class="cmfm_left"><label for="name">Name</label>
<td class="cmfm_right"><input id="name" type="text" name="comment[name]" size="30" value="<%cookie_name>" />
<tr><td class="cmfm_left"><label for="mail">Mail</label>
<td class="cmfm_right"><input id="mail" type="text" name="comment[mail]" size="30" value="<%cookie_mail>" />
<tr><td class="cmfm_left"><label for="url">URL</label>
<td class="cmfm_right"><input id="url" type="text" name="comment[url]" size="30" value="<%cookie_url>" />
<tr><td class="cmfm_left"><label for="pass">Password</label>
<td class="cmfm_right"><input id="pass" type="password" name="comment[pass]" size="20" />
<tr><td class="cmfm_left"><label for="himitu">Private</label>
<td class="cmfm_right_radio"><input id="himitu" type="checkbox" name="comment[himitu]" /> <%template_private_check>
<tr><td>
<td class="form_btn"><input type="submit" value="Submit" />
</table>
</form>
</div>
<!--/comment_area-->
<!--コメントエディットエリア-->
<!--edit_area-->
<div id="cm_form">
<div class="cmtb_title">Comment form Edit</div>
<form action="./" method="post" name="comment_form" id="comment_form">
<input type="hidden" name="mode" value="edit" />
<input type="hidden" name="mode2" value="edited" />
<input type="hidden" name="edit[rno]" value="<%eno>" />
<table class="cmfm_tb">
<tr><td class="cmfm_left"><label for="name"><%template_title></label>
<td class="cmfm_right"><input id="subject" type="text" name="edit[title]" size="30" value="<%edit_title>" />
<tr><td class="cmfm_left"><label>Font & Icon</label>
<td class="cmfm_right"><script type="text/javascript" src="<%template_comment_js>"></script>
<tr><td class="cmfm_left_tex"><label for="comment"><%template_body></label>
<td class="cmfm_right_tex"><textarea id="comment" cols="50" rows="5" name="edit[body]"><%edit_body></textarea>
<tr><td class="cmfm_left"><label for="name"><%template_name></label>
<td class="cmfm_right"><input id="edit[name]" type="text" name="edit[name]" size="30" value="<%edit_name>" />
<tr><td class="cmfm_left"><label for="mail"><%template_address></label>
<td class="cmfm_right"><input id="mail" type="text" name="edit[mail]" size="30" value="<%edit_mail>" />
<tr><td class="cmfm_left"><label for="url">URL</label>
<td class="cmfm_right"><input id="url" type="text" name="edit[url]" size="30" value="<%edit_url>" />
<tr><td class="cmfm_left"><label for="pass"><%template_password></label>
<td class="cmfm_right"><input id="pass" type="password" name="edit[pass]" size="20" />
<tr><td class="cmfm_left"><label for="himitu"><%template_private></label>
<td class="cmfm_right_radio"><input id="himitu" type="checkbox" name="edit[himitu]" /> <%template_private_check>
<tr><td>
<td class="form_btn"><input type="submit" value="<%template_send>" /><input type="submit" name="edit[delete]" value="<%template_delete>" />
</table>
</form>
</div>
<!--/edit_area-->
</div><!--/comment-->
<div class="page_navi">
<!--not_permanent_area-->
<!--prevpage-->
<a href="<%prevpage_url>">« PREV</a> 
<!--/prevpage-->
<a href="<%url>">Home</a>
<!--nextpage--> 
<a href="<%nextpage_url>">NEXT »</a>
<!--/nextpage-->
<!--/not_permanent_area-->
<!--permanent_area-->
<!--preventry-->
<a href="<%preventry_url>">« PREV</a> 
<!--/preventry-->
<a href="<%url>">Home</a>
<!--nextentry--> 
<a href="<%nextentry_url>">NEXT »</a>
<!--/nextentry-->
<!--/permanent_area-->
</div><!--/page_navi-->
</div><!--/main-->

<!--サイドカラム-->
<div id="side">
<!--plugin-->
<!--plugin_first-->
<div class="side_body">
<div class="plg_title" style="text-align:<%plugin_first_talign>">
<%plugin_first_title>
</div>
<!--plugin_first_description-->
<div class="plg_header" style="text-align:<%plugin_first_ialign>">
<%plugin_first_description>
</div>
<!--/plugin_first_description-->
<div class="plg_body" style="text-align:<%plugin_first_align>">
<%plugin_first_content>
</div>
<!--plugin_first_description2-->
<div class="plg_footer" style="text-align:<%plugin_first_ialign>">
<%plugin_first_description2>
</div>
<!--/plugin_first_description2-->
</div>
<!--/plugin_first-->
<!--/plugin-->

<!--plugin-->
<!--plugin_second-->
<div class="side_body">
<div class="plg_title" style="text-align:<%plugin_second_talign>">
<%plugin_second_title>
</div>
<!--plugin_second_description-->
<div class="plg_header" style="text-align:<%plugin_second_ialign>">
<%plugin_second_description>
</div>
<!--/plugin_second_description-->
<div class="plg_body" style="text-align:<%plugin_second_align>">
<%plugin_second_content>
</div>
<!--plugin_second_description2-->
<div class="plg_footer" style="text-align:<%plugin_second_ialign>">
<%plugin_second_description2>
</div>
<!--/plugin_second_description2-->
</div>
<!--/plugin_second-->
<!--/plugin-->
</div>
<br clear="all"/>
<div class="pg_top">
<a href="#">Page Top</a>
</div>
<div class="line_calendar">
<span class="calendar_title">CALENDaR</span>
<!--calendar2-->
<span class="calendar_num"><%days></span>
<!--/calendar2-->
</div>
</div><!--/conteinar-->
</div><!--/body_skin-->
<div class="body_bottom"></div>

<!--フッター-->
<div id="footer">
<div class="adrs"><address>Copyright © <a href="<%url>"><%blog_name></a> All Rights Reserved.</address></div>
<!--FCアド-->
<div class="fc2ad">Powered by <a href="http://blog.fc2.com/" title="FC2 BLOG">FC2 Blog</a> |
<%ad> <%ad2> | Template Design by <a href="http://designlabolatory.blog16.fc2.com/" target="_blank">スタンダード・デザインラボ</a></div>
</div>

</body>
</html>





カスタマイズ方法旧バージョン

 まず、「テンプレートの設定画面」を開き、上の方にあるテキストボックス「○○の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" xml:lang="<%template_language>" lang="<%template_language>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<%template_charset>" />
<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><!--not_index_area--><%sub_title> | <!--/not_index_area--><%blog_name></title>
<link rel="stylesheet" type="text/css" href="<%css_link>" media="all" />
<link rel="alternate" type="application/rss+xml" href="<%url>?xml" title="RSS" />
<link rel="top" href="<%url>" title="Top" />
<link rel="index" href="<%url>?all" title="<%template_index>" />
<!--prevpage--><link rel="prev" href="<%prevpage_url>" title="<%template_prevpage>" /><!--/prevpage-->
<!--nextpage--><link rel="next" href="<%nextpage_url>" title="<%template_nextpage>" /><!--/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 class="body_skin">
<div id="conteinar">
<div id="header">
<h1><a href="<%url>" title="<%blog_name>"><%blog_name></a></h1>
<p class="intro"><%introduction></p>
</div>

<!--パンくずナビ&サーチ-->
<div class="pan_bar">
<table class="pan_bar_tb"><tr>
<td class="pan_bar_left">
<a href="<%url>" title="<%blog_name>">HOME</a>
<!--not_index_area-->
<!--not_permanent_area-->  »  <%sub_title><!--/not_permanent_area-->
<!--permanent_area-->  »  
<!--topentry-->
<a href="<%topentry_category_link>"><%topentry_category></a>  »  <%topentry_title>
<!--/topentry-->
<!--/permanent_area-->
<!--titlelist_area-->全記事表示<!--/titlelist_area-->
<!--/not_index_area-->
<td class="pan_bar_right">
<form action="./" method="get">
<span class="pan_bar_img">
<a href="<%url>?xml" target="_blank"title="RSSフィード"><img src="http://blog-imgs-44.fc2.com/d/e/s/designlabolatory/default-icon-16x16-rss.png" alt="RSSフィード" /></a>
<a href="http://www.google.com/ig/add?feedurl=<%url>?xml" target="_blank" title="iGoogleに追加"><img src="http://blog-imgs-44.fc2.com/d/e/s/designlabolatory/default-icon-16x16-google.png" alt="iGoogleに追加" /></a>
<a href="http://add.my.yahoo.co.jp/rss?url=<%url>?xml" target="_blank" title="MyYahooに追加"><img src="http://blog-imgs-44.fc2.com/d/e/s/designlabolatory/default-icon-16x16-yahoo.png" alt="MyYahooに追加" /></a>
</span><span class="top_input_box">
<input type="text" size="20" name="q" value="" maxlength="200">
</span><span class="top_input_btn">
<input type="image" src="http://blog-imgs-44.fc2.com/d/e/s/designlabolatory/default-icon-16x16-search.png" art="submit">
</span></form>
</table>
</div>

<!--カテゴリバー-->
<div id="navigation">
<table class="cate_bar"><tr>
<!--category-->
<td class="cate_bar_float">
<a href="<%category_link>" title="<%category_name> (<%category_count>)"><%category_name></a>
<!--/category-->
</table>
</div>
<div class="center_box">
<div id="main">
<div class="main_body">
<!--全記事表示-->
<!--titlelist_area-->
<div class="sub_title_category">Archive</div>
<div class="all">
<table class="all_list">
<!--titlelist-->
<tr><td class="all_list_cate">
<a href="<%titlelist_category_url>" title="<%template_view_category>"><%titlelist_category></a>
<td class="all_list_url">
<a href="<%titlelist_url>" title="<%titlelist_body>"><%titlelist_title></a>
<td class="all_list_day">
<%titlelist_year>.<%titlelist_month>.<%titlelist_day>
<!--/titlelist-->
</table>
</div>
<!--/titlelist_area-->
<!--サーチエリア-->
<!--search_area-->
<div class="sub_title_category">Search</div>
<div class="sub_title_entry">search : <%sub_title></div>
<div class="search">
<div class="search_body">
<!--topentry-->
<div class="search_list">
<a href="<%topentry_link>"><%topentry_title></a>
<div class="search_dis">
<%topentry_discription>
</div>
</div>
<!--/topentry-->
</div>
</div>
<!--/search_area-->

この部分、「/search_area」の直後の行、「メインエリア」の直前の行に、切り抜きしてきた文章をペーストします。

<!--メインエリア-->
<!--not_search_area-->
<!--not_titlelist_area-->
<!--記事一覧-->
<!--topentry-->
<div class="main_title_box">
<div class="title_category">
<h2><a href="<%topentry_category_link>"><%topentry_category></a></h2>
</div>
<div class="title_entry"><h3><a href="<%topentry_link>"><%topentry_title></a></h3></div>
</div><!--/title_box-->
<div class="text_body">
<%topentry_body>
<!--more_link-->
<div class="more_link">
<a href="<%topentry_link>"><%template_extend></a>
</div>
<!--/more_link-->
<!--追記-->
<!--more-->
<div id="more"><%topentry_more></div>
<div class="bookmarks">
<a href="http://twitter.com/home?status=<%topentry_enc_link>" target="_blank" title="ツイッターでこの記事のことをつぶやく"><img src="http://blog-imgs-44.fc2.com/d/e/s/designlabolatory/default-icon-16x16-twitter.png" alt="Twitter" /></a>
<a href="http://b.hatena.ne.jp/entry/<%topentry_link>" target="_blank" title="はてなブックマークに追加"><img src="http://blog-imgs-44.fc2.com/d/e/s/designlabolatory/default-icon-16x16-hatena.png" alt="はてなブックマークに追加" /></a>
</div>
<!--/more-->
</div><!--/text_body-->

<div class="text_footer">
<%topentry_year>.<%topentry_month>.<%topentry_day>  
<!--allow_comment-->
<a href="<%topentry_link>#cm" title="">Comment. <%topentry_comment_num></a>
<!--/allow_comment-->
<!--allow_tb-->
<a href="<%topentry_link>#tb" title="">Trackback. <%topentry_tb_num></a>
<!--/allow_tb-->
</div><!--/text_footer-->
<!--
<rdf:Description
rdf:about="<%topentry_link>"
trackback:ping="<%url>tb.php/<%topentry_tb_no>"
dc:title="<%topentry_title>"
dc:identifier="<%topentry_link>"
dc:subject="<%topentry_category>"
dc:description="<%topentry_discription>"
dc:creator="<%author_name>"
dc:date="<%topentry_year>-<%topentry_month>-<%topentry_day>T<%topentry_hour>:<%topentry_minute>:<%topentry_second>+09:00" />
</rdf:RDF>
-->
<!--/topentry-->
<!--/not_titlelist_area-->
<!--/not_search_area-->

<!--○次のページ○新着○タグリスト○-->
<!--permanent_area-->
<!--preventry-->
<div class="next_entry_title">NEXT Entry</div>
<div class="next_entry_entry">
<a href="<%preventry_url>"><%preventry_title></a>
</div>
<!--/preventry-->

<div class="next_entry_title">NEW Topics</div>
<div class="next_entry_entry">
<!--recent-->
<a href="<%recent_link>" title="<%recent_title>"><%recent_title></a><br>
<!--/recent-->
</div>

<!--topentry-->
<!--topentry_tag-->
<div class="next_entry_title">Entry TAG</div>
<div class="next_entry_entry">
<!--tag_list-->
<a href="<%url>?tag=<%topentry_tag_list_parsename>"><%topentry_tag_list_name></a>  
<!--/tag_list-->
</div>
<!--/topentry_tag-->
<!--/topentry-->
<!--/permanent_area-->
</div><!--/main_body-->

<!--プラグイン3(トップページ専用)-->
<!--index_area-->
<!--plugin-->
<!--plugin_third-->
<div class="plg3_title" style="text-align:<%plugin_third_talign>">
<%plugin_third_title>
</div>
<div class="plg3_body">
<!--plugin_third_description-->
<div class="plg3_header" style="text-align:<%plugin_third_ialign>">
<%plugin_third_description>
</div>
<!--/plugin_third_description-->
<div class="plg3_body" style="text-align:<%plugin_third_align>">
<%plugin_third_content>
</div>
<!--plugin_third_description2-->
<div class="plg3_footer" style="text-align:<%plugin_third_ialign>">
<%plugin_third_description2>
</div>
<!--/plugin_third_description2-->
</div>
<!--/plugin_third-->
<!--/plugin-->
<!--/index_area-->


<div id="comment">
<!--コメントエリア-->
<!--comment_area-->
<div class="pg_top">
<a href="#">Page Top</a>
</div>

<div id="cm">
<div class="cmtb_title">Comment</div>
<!--comment-->
<div class="com_skin">
<div class="com_num"><%comment_no></div>
<div class="com_main">
<div id="comment<%comment_no>" class="sub_title"><%comment_title></div>
<div class="sub_body"><%comment_body></div>
<div class="sub_footer">
<span class="eng">
<%comment_year>. <%comment_month>. <%comment_day>  
</span>
<%comment_mail+name> <%comment_url+str>
<a href="<%comment_edit_link>" title="<%template_edit_comment>"><%template_edit></a>
</div>
</div>
<br clear="all"/></div>
<!--/comment-->
</div>
<!--/comment_area-->
<!--トラックバックエリア-->
  :
  :
 以下略
  :
  :


■豆知識

 緑の一文の一番はじめの行に「<!--index_area-->」、一番最後の行に「<!--/index_area-->」という行があります。
 これを2つともセットで消去すると、トップページを含むすべてのページでプラグイン3が常に本文上部に表示されるようになります。
このエントリーをはてなブックマークに追加
Fri.07.16.2010
Comment
74
カテゴリーを並べて表示
始めましてyansukeと申します。
テンプレートありがたく使わせて頂いております。
質問なんですが下記サイトのように
http://blog-parts-navi.seesaa.net/article/107100434.html
カテゴリーのプラグインを並べて表示していきたいんですがどのようにすればよいでしょうか?
私の力では捜しきれませんでした。
参考までに私のブログURLを載せておきますので、お時間のあるときにでもよろしくお願いいたします。
http://musume20fx.blog136.fc2.com/

75
Re: カテゴリーを並べて表示
 こんにちは。
 カテゴリに関しては、形は違いますが、デフォルトの状態で上に並ぶように出来ています。
 デザインの変更に関してのご相談でしたら、お仕事として承らせて頂きますが如何でしょう。

 もしご自分でスタイルシートを編集するのであれば、拙サイトをご覧頂くか、或いは「background」「リンク」「hover」等という言葉で検索できるかと思います。

 ご紹介頂いたサイトのリンクのデザインは、基本的には、リンクを並べて、「hover」時にバックグランドカラーを変えるという手法です。
 形が整形されているのは、「list」タグを「ブロック」としてスタイルシート制御しているためです。どうしてわざわざ「リストタグ」を「ブロック」にしているのかは、何らかの理由があるのかとも思いますが…「div」ブロックでも普通に実現できます。
 また、マウスオーバー時の背景色は、「画像」を使われているようです。

 デザイン部分に関しては、色々とテクニックがあります。検索を重ねれば重ねるほど様々なデザインの案件がヒットすると思います。色々と検索をかけてみてください。

79
sakilab様早速のご返事ありがとうございました。
アドバイス頂いたところを参考に、なんとかある程度作成することができました。
誠にありがとうございました。
ただ、私はカテゴリを使いなんとか表示させることが出来ましたが、きっとこのままではカテゴリが増えた場合とかはレイアウト崩れるんだろうなと思っております。
参考サイトは、LISTに直接カテゴリ書いておったと思いますが、その方法は分かりました。しかしその方法ですと、毎回表示変えないといけないのでとりあえずカテゴリの表示を利用するやり方に落ち着きました。

それと、またまた質問なんですが、何度やっても私のサイトのサイドバーのプラグインのところのリンク色や、hoverのところが変わってくれません。意地になって全部気づくところはやってみたんですが、どうにも上手くいきません。

またまたお手すきの時にでもご教授いただけましたら幸いです。

80
Re: タイトルなし
 なるほど、カラーコードの前の「#」がぬけているような気がします。

background: 123456;

 みたいな感じで。

background: #123456;

 の方が正解です。この手のドツボには、わたしもよくはまります。

81
オー大変ありがとうございます。
その通りでした。
#が抜けておるところが何箇所かありました。

自分ではなかなか気付かずでしたので、はっきり言って丸一日かかって大変でした。

毎回こちらの勝手な御質問に御丁寧に御回答頂き誠にありがとうございました。

少しデザインの方落ち着きましたら、こちらのブログ記事の方で紹介させていただきます。

御迷惑なようでしたらおっしゃってくださいませ。

後、CSSはまってみると面白いですね。FC2始めてで、今までアメブロ使ってたんですが、今回大分勉強になりました。
これも素敵なテンプレートを提供して頂いたお陰だと思っております。
今後ともぶしつけな質問あるかと思いますがとろしくお願いいたします。
私は投資関係のブログですので、そっち関係ですとなんでもこたえられるかと思います。

82
 CSSは画像も使えるので、やろうと思えば何でも出来る感じなのが面白いですよね。
 FC2は良いと思います。アメブロのように「アメブロユーザーがたくさん見てくれる」と言う状況はFC2ではありませんが、テンプレートでHTMLを最適化できるので、ガチガチでカスタマイズが効かないブログと比べると、かなり検索エンジンに好かれるブログを構築することも出来ると思います。

 軌道に乗れば、FC2有利かも知れません。CSSがんばってください。そして、末永くつきあってやってくださいませ、ウチのテンプレート☆

Trackback
Comment Form
質問するときは?
  • 不具合が出ているページのURLを書き込む。
  • 使っているブラウザ(IE、Firefoxなど)を書き込む※IE6はサポート外です。
  • 次の人が確認できるように、使っているテンプレートの記事ページ、或いは各カスタマイズ記事ページにコメントを書きこむ。
コメント時の注意
やっぱり自分で解決したい時
特定の記事のみでレイアウトが崩れる場合
全ページでレイアウトが崩れる場合
メールフォーム
Bookmarks
Page Top
Copyright © SAKILab All Rights Reserved.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。