FC2ブログCSSジェネレーター
このツールの使い方を簡単に説明します。

１．編集をクリック

２．色を選択

編集をクリックすると編集ボックスが展開されますので、色を選んでみます。

３．[適用]ボタンをクリック

設定後、適用ボタンをクリックします。

４．設定が反映される

適用ボタンをクリックすると設定が反映されます。

同じ要領でほかの要素も編集してみましょう。

５．htmlダウンロードをクリック

すべての設定が完了した際は、htmlダウンロードをクリックし、HTMLコードを表示します。

６．htmlコードをコピーし、テンプレートに貼り付け

htmlコードをコピー

上書きしたいテンプレートを選び、テンプレート編集画面（FC2ブログ管理者ページ）のHTML箇所に貼り付けます。

７．CSSコードを生成する

ソースコード生成にチェックを入れ、適用ボタンをクリックします。

CSSコードが生成されますので、htmlコードと同様に、テンプレートのCSS箇所に貼り付けます。

８．ブログをプレビューしてみる

作成したデザインが適用されているか確認してみましょう。