FC2ブログの自作テンプレート紹介その１

１８日　FC2ブログの自作テンプレート紹介その１

FC2ブログテンプレートを作りに挑戦しました！
こちらです＞ふていきブログ　・・・・・。びっくりしているみんなの顔が目に浮かびました。　(⊃ω⊂)　
でもブログテンプレートの構造を調べるには便利と思うんですよね。
凝ったテンプレート作れませんけど　(⊃ω⊂)　
タグはこちらです。
↓ＨＴＭＬです。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja-JP"> <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">  <style type="text/css">  </style>  <title><%blog_name> <%sub_title></title> </head> <body> <TABLE SUMMARY="main" width="100%" bordercolor="#FFA500" cellspacing="0" cellpadding="10" border="1"> <TBODY> <TR> <TD colspan="2" align="left">  <h1 style="font-size:140%"><a href="<%url>"><%blog_name></a></h1> <h2><%introduction></h2>  </TD> </TR> <TR> <TD valign="top" align="left">    <h3><a id="<%topentry_no>" name="<%topentry_no>"><%topentry_title></a></h3> <div class="body"> <%topentry_body>  <a href="<%topentry_link>#more">[<%topentry_title>]の続きを読む</a> <hr size="1"><a name="more" id="more"></a><%topentry_more> <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> <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>  <hr>      <<<a href="<%preventry_url>"><%preventry_title></a> | <a href="<%url>">ホーム</a> | <a href="<%nextentry_url>"><%nextentry_title></a>>> <p> <a name="comment">コメント</a> </p>  <a id="comment<%comment_no>" name="comment<%comment_no>"><%comment_title></a> <div class="body"> <%comment_body> <br> <%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>] <br> </div><br>   <a name="comment_post">コメントの投稿</a> <form method="post" action="./" name="comment_form"> <div> <input type="hidden" name="mode" value="regist"> <input type="hidden" name="comment[no]" value="<%pno>"> <dl class="reaf"> <dt><label for="name">Name:</label></dt><dd><input id="name" type="text" name="comment[name]" size="30" value="<%cookie_name>"></dd> <dt><label for="subject">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">URL:</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="40" rows="8" name="comment[body]"></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">秘密:</label></dt><dd><input id="himitu" type="checkbox" name="comment[himitu]">管理者にだけ表示を許可する</dd> </dl> <p><input type="submit" value="送信"></p> </div> </form>     <a name="comment_post">コメントの編集</a> <form method="post" action="./" name="comment_form"> <div> <input type="hidden" name="mode" value="edit"> <input type="hidden" name="mode2" value="edited"> <input type="hidden" name="edit[rno]" value="<%eno>"> <dl class="reaf"> <dt><label for="name">Name:</label></dt><dd><input id="name" type="text" name="edit[name]" size="30" value="<%edit_name>"></dd> <dt><label for="subject">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">URL:</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="40" rows="8" name="edit[body]"><%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">秘密:</label><input id="himitu" type="checkbox" name="edit[himitu]">秘密にする</dt> </dl> <p> <input type="submit" value="送信"> <input type="submit" name="edit[delete]" value="削除"> </p> </div> </form>     <a name="trackback">トラックバック</a> <dl id="trap"> <dt>トラックバックURLはこちら</dt> <dd><a href="<%trackback_url>"><%trackback_url></a></dd> <dd><a href="javascript:window.location.replace('http://blog.fc2.com/?url='+window.location.href);">この記事にトラックバックする(FC2ブログユーザー)</a></dd> </dl>  <a href="<%tb_url>" name="trackback<%tb_no>"><%tb_title></a> <div class="body"> <%tb_excerpt> <ol class="sub"> <li><%tb_year>/<%tb_month>/<%tb_day>(<%tb_wayoubi>) <%tb_hour>:<%tb_minute>:<%tb_second> | </li> <li><%tb_blog_name></li> </ol> </div>   <a href="<%prevpage_url>">前のページ</a> <a href="<%nextpage_url>">次のページ</a> </div>  </TD> <TD valign="top" align="left" width="200">    <%plugin_first_title> <p style="text-align:<%plugin_first_ialign>"> <%plugin_first_description> </p> <%plugin_first_content> <p style="text-align:<%plugin_first_ialign>"> <%plugin_first_description2> </p>   <%plugin_second_title> <p style="text-align:<%plugin_second_ialign>"> <%plugin_second_description> </p> <%plugin_second_content> <p style="text-align:<%plugin_second_ialign>"> <%plugin_second_description2> </p>   <%plugin_third_title> <p style="text-align:<%plugin_third_ialign>"> <%plugin_third_description> </p> <%plugin_third_content> <p style="text-align:<%plugin_third_ialign>"> <%plugin_third_description2> </p>  </div>   </TD> </TR> </TBODY> </TABLE> <div id="footer"> <p><%ad> <%ad2></p> <p>Powered By <a href="http://blog.fc2.com/">FC2ブログ</a>. Copyright ©<%blog_name> All Rights Reserved</p> </div>  <li><%days></li>  <li>>></li> <li><a href="<%next_month_link>"><%next_year><%next_month></a></li> </ul> --> </body> </html>
スタイルシートはありません。
スタイルシートがないのでデフォルトテンプレートよりもシンプルでカスタマイズしやすいと思います。
「ここは無いほうがいいかなぁ」と思う所を削除したり、文字の色を変えたり、左メニューの記事部分と右メニューを入れ替えてみたりいろいろと改造しやすいと思います。僕が「ここは無いほうがいいかなぁ」と思うところは、日記の後に表示されている「テーマ: とジャンル:」の部分です。これを削除するかしないかは考え方によって様々でしょうが削除しました。

削除前はこちら＞ふていきブログ　「テーマ: とジャンル:」が表示されています。
削除後はこちら＞ふていきブログ　「テーマ: とジャンル:」が表示されていません。

特に理由といえる理由はありません　( ^ ^ ;
なんとなく「テーマ: とジャンル: 」が表示されていないほうがスッキリしている気がして。

このようにいろいろとテンプレートを変更したりカスタマイズしてみてください。あと、便利なキーボード操作がありますので下で紹介します。

カスタマイズするときに便利なキーボード操作
FC2ブログ管理画面の「テンプレートの編集」の「HTMLの編集」で便利です。
■左クリックを押しながらマウスを動かして、文字を青くしてから・・・
・キーボードの Ctrl ＋ C キーで文字をコピー
・キーボードの Ctrl ＋ X キーで文字を切り取り
・キーボードの Ctrl ＋ V キーで文字を貼り付け
■その他
・キーボードの Ctrl ＋ Z キーで１つ前の状態に戻る

アフィリエイト入門内にあるキーボード操作関連のページ
メモ帳のキーボード操作 - 写真の画質わるくて見にくいですが・・・
メモ帳のキーボード操作 - 2ページ目

次のページです > １９日　FC2ブログを用意おさらい＆カスタマイズ
最初のページです > アフィリエイト入門

Pickup！