アメブロにおけるブログタイトルの表示位置の設定 -- CSS編集用デザインの利用

アメブロでヘッダ部分にオリジナル画像を設定した際、

ブログタイトルの表示位置を変更しなければならない場合がある。

図と文字が重ならないようにするためである。

そのためには、CSS編集用デザインの画面で、CSSを変更しなければならない。

CSS編集用デザインの画面にたどり着く方法は、

「カフィネット（Cafi Net）」というホームページの

「CSS編集用デザインを適用」で紹介されている。

次に示すように、CSSを修正。



/* skinTitleArea ブログタイトルのエリア */
.skinTitleArea{
padding-bottom:4px;
margin: 上px 右px 下px 左px;
}

/* skinDescriptionArea ブログの説明エリア */
.skinDescriptionArea{
margin: 上px 右px 下px 左px;
}


隣のボックスとの間隔を調整するため、marginを設定。

「上」「下」「左」「右」の部分には、半角の数字を入れる。