１．なぜファンブログテンプレートをカスタマイズ？

ファンブログはテンプレートの数が少なく、センスのいいものが少ないと思います。
また、フリーのテンプレートサイトでもファンブログをサポートされていないため、選択肢がかなり少ないです。

最近は「ファンブログ」で検索されることも多く、テンプレートの変更方法についてもよく質問されるため、専用のページを作成することにしました。
ネット上にはフリーのブログテンプレートが豊富にありますので、是非自分好みにカスタマイズしてみてください。

できるだけHTML、CSSに不慣れな方でもチャレンジできるように作成するつもりですが、自己責任でお願いします。

２．テンプレートを選ぼう

ブログのテンプレートを自作できない場合は、検索サイトでフリーのテンプレートを探してください。以下のキーワード等で検索すると数多く出てきます。

ちなみに私のサイトはブログではなくホームページのようにしたかったので、「無料ホームページ作成用HTMLテンプレート http://www.s-hoshino.com/web/index.html 」をカスタマイズして使用しています。
フリーと言えども、著作権表示を消すのはNG。スポンサーリンクを消すのはNGなどありますで、各サイトの利用規約にご注意ください。

３．ブログのテンプレートを準備する

今回はサンプルとして「ブロプー」様のテンプレートをもとに、カスタマイズ方法をご紹介します。前準備として、以下の手順でテンプレートをダウンロードして下さい。

ブロプー
http://blopuu.com/all.html


※テンプレートを選ぶ際、特にブロプーである必要はありません。
※今回はフリーのブログテンプレートで、数が多いサイトの方が需要が多いかと思いこちらをサンプルにしています。ブロプー内のテンプレートであれば、どのテンプレートでも以下の更新方法で対応できると思います。
※別サイトのテンプレートの場合、カスタマイズ箇所が異なる点にご注意下さい。

今回はサンプルとして００７５番テンプレートを使用します。
「このデザインを使用する」を押し、ダウンロードしてください。

ダウンロードしたblopuu0075.zipファイルを解凍してください。 PCの設定にもよりますが、大体は右クリックメニューに「解凍」があります。

フォルダ内は「ameblo」「fc2」「livedoor」のブログ用に３つのフォルダに分けられています。 ブロプーは、上記３つのブログをサポートしています。ただファンブログはサポートされていないため、そのまま使用することができません 今回はサンプルとして「fc2」用のテンプレートをファンブログ用にカスタマイズしてみましょう。

ファイルの中を確認すると、２つのファイル＋１つの画像フォルダで構成されていることがわかります。

＜HTML.txt＞
ブログのテンプレートとなるファイルです

＜スキンCSS_2コラム.txt＞
ブログのスタイルシート（CSS）です

＜バックアップ用画像＞
ブログで使用する画像フォルダです