[新デザイン編] CSS編集方法の手順 | アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開!

アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開!

カスタマイズ,アクセスアップ,カスタム,スキン,依頼,料金,スキン作成,スキンのデザイン,オリジナル,CSSの編集,HTML,JavaScript,ヘッダー,ヘッダーデザイン,広告,非表示,フリープラグイン,フリースペース,メッセージボード,改造,オリジナルデザイン

2011年7月頃にアメブロの仕様変更があったため、新デザイン用のカスタマイズのためのCSS編集の手順をご紹介します。

CSS編集用デザイン左記は新デザインの [ CSS編集用デザイン ] です。








[ CSS編集用デザインの適用方法 ]

1①[ ブログを書く ] ― ②[ デザインの変更 ] ― ③[ CSS編集用デザイン ]をクリックします。
CSS編集方法の手順01


2①レイアウトを選択し、その下のデザインを確認し問題なければ ②[ 適用する ] をクリックします。
CSS編集方法の手順02


3[ CSSの編集をする ] をクリックします。[ CSS編集方法 ]2に続きます。
CSS編集方法の手順03




[ CSS編集方法 ]
※[CSS編集用デザイン]の適用が済んでいる場合は、こちらから始めます。

1①[ ブログを書く ] ― ②[ デザインの変更 ] ― ③[ CSSの編集 ]をクリックします。
CSS編集方法の手順04


2CSSが書かれているエディタのスクロールを一番下まで下げる。
CSS編集方法の手順05


3①CSSの最下段にタグを追加していきます。
②[ 表示を確認する ]で表示の確認をし、③[ 保存 ]をクリックします。
CSS編集方法の手順06