FC2ブログ用の無料テンプレート

FC2ブログ用の無料テンプレート/画像不使用型

画像不使用型のテンプレートです。HTMLファイルとCSSファイルの内容をコピーして張り付けるだけで使用出来ます。(CSS3対応ブラウザを対象にしてデザインしています。)

■2カラム/右メニュー/白ベース

FC2ブログ用の無料テンプレート/画像使用型

画像使用型のテンプレートです。画像のアップロードとソースの書き換えが必要になります。(CSS3対応ブラウザを対象にしてデザインしています。)

■2カラム/右メニュー/白ベース

■2カラム/右メニュー/黒ベース

FC2ブログ用テンプレートの使い方 : 画像不使用型

  • 圧縮ファイル(ファイル名.zip)をダウンロードする
  • ダウンロードした圧縮ファイルを解凍する
  • 「index.html」と「style.css」をテキストエディタで開く
  • FC2ブログにログインする
  • 「index.html」と「style.css」の内容をコピーして所定の箇所に張り付ける
  • テンプレートを適用させる

■圧縮ファイルのダウンロード

お好みのテンプレートを選んで、圧縮ファイルのダウンロードを行います。

■ダウンロードした圧縮ファイルの解凍

圧縮ファイルをダウンロードしたら、次に圧縮ファイルの解凍を行います。OSに解凍機能が付属している場合はOSの解凍機能を使うと便利です。OSに解凍機能が無い場合はそれが可能なソフトを使う事になると思います。

解凍すると「index.html」、「style.css」が現れます。

■「index.html」と「style.css」をテキストエディタで開く

解凍したファイル群の中から「index.html」と「style.css」をテキストエディタで開きます。

(「index.html」と「style.css」は文字コードが「EUC-JP」になっていますので、「EUC-JP」に対応したテキストエディタを使わないと文字化けが起こります。)

■FC2ブログにログインする

WebブラウザでFC2ブログにアクセスしてログインします。

■「index.html」と「style.css」の内容を貼り付ける

メニューの「環境設定」から「テンプレートの設定」を選びます。

「テンプレートの設定」のページが開いたら、「テンプレート名の書かれているテーブル」の中から(どれでもいいので)1つテンプレートを選んで、その「複製」を行います。

複製を行うと複製されたテンプレートの内容が下部に現れますので、「~のテンプレート名変更」の欄に適当な名前を入れて、「~のHTML編集」と「~のスタイルシート編集」の欄を空にします。そして空になった「~のHTML編集」の欄に「index.html」の内容を、「~のスタイルシート編集」の欄に「style.css」の内容を全て貼り付けます。貼り付けが終わったら更新ボタンを押して内容の更新を行います。

■テンプレートを適用させる

最後にテンプレートの名前の書いてあるテーブルからテンプレートを選択してテンプレートを適用させたら全作業の完了です。

TOPへ