アメブロのテンプレートをオリジナルにカスタマイズしよう～CSS編集編１

それでは、本格的にテンプレートのカスタマイズに
入っていきたいと思います。

まずは、「CSSの編集」をクリックしてください。





すると、次のような画面が表示されます。

ここでは、デザイン用の画像をアップロードしたり、
文字のサイズや色、背景の色をカスタマイズすることができます。

では、これから、CSSの内容を編集し、デザインのカスタマイズを行うわけですが、
カスタマイズを行う前に、「現在使用中のブログデザインCSS」の内容を
バックアップアップしておきたいと思います。

これは、CSSの編集により、ブログの表示がおかしくなったときなど、
このバックアップした内容に入れ替えることで、もとに戻せる
環境を整えておくためです。

これで、安心して、CSSの編集が出来るようになります。






では、「現在使用中のブログデザインCSS」の下にある
テキストボックスをクリックして、キーボードの
Ctrl ＋ A（右クリックのすべてを選択と同じ）を押します。

すると、テキストが選択された状態になるので、
Ctrl ＋ C（右クリックのコピーと同じ）を押します。





次に、スタート → すべてのプログラム → アクセサリ → メモ帳（Windowsでは）を開き、
そこで、Ctrl ＋ V（右クリックの貼り付けと同じ）を押します。

これで、CSSの内容が貼り付けられますので、
「アメブロCSS」などの名前を付けて、デスクトップなど、
自分が分かりやすい位置に保存しておいてください。

これで、初期のデザインや、編集中のデザイン、
複数のデザインも保存可能になります。





次回は、実際にCSSの編集に入っていきますので、お楽しみに！