キーワード上位表示させる為のブログテンプレート カスタマイズの方法
無料の高機能検索サイト作成ツール 『too-search』
無料ＳＥＯ対策ツールが使い放題！【AS─TOOLS】
無料ホームページ・ブログサービス【SITEMIX】
▼ リンクスタッフ各社への新規登録で、全員に3000円キャッシュバック中！▼
80,000人以上のウェブマスターに認められた、アフィリエイトプログラム
【手順】
環境設定のプラグインの設定よりプラグイン管理 ⇒ 月別アーカイブの編集 ⇒ 【HTMLの編集】の順にクリックします。
デフォルトで表示されているプラグインのソースを以下のソースと入れ替えます。
<div style="width:97%;height:350px;overflow:auto;padding:0px 5px;">
<ul>
<!--archive-->
<li &align>
<a href="<%archive_link>" title="<%archive_year>年<%archive_month>月"><%archive_year>年<%archive_month>月 (<%archive_count>)</a>
</li>
<!--/archive-->
</ul>
</div>
「width:97%;height:350px;」の部分の数値をお好みの数値に置き換えて下さい。
※参考記事 ⇒ テキスト入力領域（テキストエリア）風のオブジェクトを作る
記事の内容にご満足戴けましたならクリックをお願いします ↓
人気blogランキング！ 
ブログランキングくつろぐ 
ブログテンプレートランキング
※テンプレートのダウンロードはこちら ⇒ simple_black2cl｜simple_black3ca
▼手順１
まずは上記ダウンロードページから該当するテンプレートのHTMLとスタイルシートをダウンロードしておいて下さい。
ダウンロードしたら、管理画面の「テンプレートの設定」をクリックし、スタイルシートの編集をします。（※HTMLは編集する必要はありません）
▼手順２
※テンプレートをカスタマイズする時には、必ず複製してからカスタマイズするようにして下さい。
> 思うのですがそういうことはできるのでしょうか？
単純に、ブログのタイトルの右左にイラスト（画像）を入れるのであれば、
<h1 id="title"><a href="<%url>"><span class="title_bg"><%blog_name></span></a></h1>
の部分を
<h1 id="title"><img src="画像へのパス" style="margin-right:30px;" /><a href="<%url>"><%blog_name></a><img src="画像へのパス" style="margin-left:30px;" /></h1>
とすればいいでしょう。
他には、スタイルシート記述部分に、「<%blog_name>」を装飾するために設置してあるクラス指定「title_bg」を利用（背景画像として）する方法もあります。
▼記述例
.title_bg {
background: url("画像へのパス") no-repeat;
padding: 30px 8px 30px 100px; //数値は画像サイズにあわせ微調整してください//
}
他に、「headBlockBase」に、直接、画像を挿入する方法もあります。
<!--headBlockBase-->
<div id="headBlockBase">
<!--headBlock-->
<div id="headBlock">
の部分を
<!--headBlockBase-->
<div id="headBlockBase">
<img src="画像へのパス1" style="float:left;margin-left:30px;" />
<img src="画像へのパス2" style="float:right;margin-right:30px;" />
<!--headBlock-->
<div id="headBlock">
としてください。 ※サンプル ⇒ sample_166_simple_3c
※備考
画像へのパス1；画像を左に寄せ、左にマージン（スペース）を空ける
画像へのパス2；画像を右に寄せ、右にマージン（スペース）を空ける
他には、「headBlock」をテーブルタグに置き換える方法などもありますが、「166_simple_3c」のテンプレートは、エリアごとにタイトルなどが異なって表示させるように複雑に記述してありますので、全ページに同じように表示させるためには、何か所も修正しなければなりませんし、上級者の方でないとお勧めできません。
（普通のテンプレートでなら簡単にできます）
記事の内容にご満足戴けましたならクリックをお願いします ↓
人気blogランキング！ ブログランキングくつろぐ ブログテンプレートランキング
タグ ：カスタマイズ
そこで、月別記事（アーカイブ）ページのみ、記事本文の要約を表示するようにしました。
FC2ブログでは、ブロック変数のひとつである、「<%topentry_discription>」を使うことで、記事本文の要約(200文字)を表示することができ、画像は表示せず、テキストのみで表示させるようにすることができます。
さて、記事本文の要約を表示する方法ですが、まず、テンプレート管理ページのHTML編集部分に、下記のような記述部分があるはずですので、探してみてください。
<div class="mainEntryBody">
<%topentry_body>
</div>
※「<%topentry_body>」の部分が、記事本文にあたります。
※class要素（mainEntryBody の部分）はテンプレートにより異なります。
↓青字で囲まれている部分を、以下のように変更します。
<div class="mainEntryBody">
<!--date_area--><%topentry_discription><!--/date_area-->
<!--not_date_area--><%topentry_body><!--/not_date_area-->
</div>
↓上記のタグを日本語でわかりやすく表示すると、以下のようになります。
<div class="記事本文のスペース">
<!--月別記事エリア--><記事本文要約><!--/月別記事エリア-->
<!--月別エリア以外--><記事全文表示><!--/月別エリア以外-->
</div>
※注意点
テンプレートをカスタマイズする際には、必ず元のテンプレートをバックアップしてからカスタマイズするようにしてください。また、カスタマイズは自己責任のもとで行ってください。レイアウトが崩れたとか、ページが表示されなくなった等の苦情には一切お答えできませんし、「何とかしてください」とかのアフターケアを求められても対応できません。
（※ IE と Firefox で確認済み）
万が一、正常に表示されなくなった場合でも、おそらく私のせいではありません。
記事の内容にご満足戴けましたならクリックをお願いします ↓
人気blogランキング！ ブログランキングくつろぐ ブログテンプレートランキング
タグ ：カスタマイズ
- ■コメントフォーム欄の幅を調整する
- コメントフォーム欄の幅を調整するには、「maintForm要素」の数値を調整します。
- .mainFormText {
width: 250px;
}
.mainFormTextarea {
width: 250px;
} - ※クラス名はテンプレートにより異なります。
- ■コメントフォームの入力文字数を調整する
- コメントフォームの入力文字数を調整するには「size="30"」の数値を変更します。
- <input id="name" type="text" name="comment[name]" size="30" class="mainFormText" value="<%cookie_name>" />
記事の内容にご満足戴けましたならクリックをお願いします ↓
人気blogランキング！ ブログランキングくつろぐ ブログテンプレートランキング
その迷惑なスパムコメントの中には、どうも機械的に投稿されているものが多くあるように思われるので、機械的に投稿されるスパムコメント対策の方法を考えてみました。
FC2ブログには、スパムコメント対策として、禁止設定として、「禁止IP・ホスト」や「禁止ワード」をブラックリストとして登録できる機能があります。そこで、あらかじめ、コメントのテキストエリアの部分に、「禁止ワード」を記入しておき、ブラックリストに、その「禁止ワード」を登録しておくという方法です。ビジター（訪問者）の方には、ひと手間かかってしまい申し訳ないのですが、このようにすれば、機械的に投稿されるスパムコメントは拒否できるようになるはずです。
▼カスタマイズ記述例<script type="text/javascript" src="<%template_comment_js>"></script><br />
<textarea id="comment" cols="40" rows="8" name="comment[body]" class="mainFormTextarea"></textarea>
（※使用しているテンプレートによっては記述が違う場合もあるかもしれません）
<script type="text/javascript" src="<%template_comment_js>"></script><br />
<span style="font-size:12px;">※<span style="color:#ff3300;font-weight:bold;">投稿前に本文を削除</span>の部分を削除して下さい</span><br />
<textarea id="comment" cols="40" rows="8" name="comment[body]" class="mainFormTextarea">投稿前に本文を削除して下さい</textarea>
※注意点
テンプレートをカスタマイズする際には、必ず元のテンプレートをバックアップしてからカスタマイズするようにしてください。また、カスタマイズは自己責任のもとで行ってください。レイアウトが崩れたとか、ページが表示されなくなった等の苦情には一切お答えできませんし、「何とかしてください」とかのアフターケアを求められても対応できません。
（※ IE と Firefox で確認済み）
万が一、正常に表示されなくなった場合でも、おそらく私のせいではありません。
記事の内容にご満足戴けましたならクリックをお願いします ↓
人気blogランキング！ ブログランキングくつろぐ ブログテンプレートランキング
Copyright © 2006 無料ブログ テンプレート カスタマイズ All rights reserved.
SEO対策一口メモ：被リンク対策は、SEOにとって重要な対策の一つです。
上質な被リンクを増やすことで検索エンジンの評価も上がり特定キーワードの上位表示も目指せます。
しかし単純に被リンクを増やせばよいと考えSEO目的だけのために有料リンクを購入するのは危険です。
Template by ブログ＆ホームページ作成 ガイドブック 解説本
