ブログの構造 header wrap
subFram までのＣＳＳ設定ができて（参照 ）
このような状態です。
ＨＴＭＬをみると（省略してます）
<div id="subFram">
<div id="header">
<h1><a href="ブログURL">ブログタイトル</a>
<h2>ブログの説明</h2>
</div>
<div id="wrap">ブログの中身</div>
</div>
subFrame内に「header」と「wrap」が入っている事が解かります。
では、「header」と「wrap」をＣＳＳ編集画面で検索（Ctrl + F）してください。
見つかったＣＳＳは以下の通りです。
/*
-----------------------------------------------------
ameblo CSS Skin Settings
FileName: common.css
Version: 2005.08.08
Skin for: pink_circle
-----------------------------------------------------
*/
/* ----------------------- common ----------------------- */
#wrap {
position : relative; /*元々ある場所に配置（参照
）*/
width : 100%; /*幅100%のボックス 基準はframeボックス（参照
）*/
}
/* ----------------------- header ----------------------- */
#header{
display : block ; /*ブロック形式（参照
）*/
position : relative ; /*元々ある場所から上から0左から0に配置 つまり元々ある場所（参照
）*/
top : 0 ;
left : 0 ;
width : 800px ; /*幅800pxのボックス（参照
）*/
height : 100px ; /*高さ100pxのボックス（参照
）*/
}
#header h1 , /*「, 」カンマがある場合は下のＣＳＳと同じ（参照
）*/
#header h2 {
padding : 0 ; /*ブログの説明の内側の余白0（参照
）*/
margin : 0 ; /*ブログの説明の外側の余白0（参照
）*/
#header h1 {
padding-top : 34px ; /*ブログタイトルのボックスの上の内側の余白（参照
）*/
}
/* ----------------------- font-information ----------------------- */
#header h1 {
font-size : 25px ; /*ブログタイトルの文字の大きさ（参照
）*/
line-height : 1 ; /*ブログタイトルの行間（参照
）*/
}
#header h1 a {
color : #666666 ; /*ブログタイトルのリンク色（参照
）*/
}
#header h2 {
color : #666666 ; /*ブログの説明の文字色（参照
）*/
font-size : 11px ; /*ブログの説明の文字の大きさ（参照
）*/
font-weight : normal ; /*ブログの説明の文字の太さノーマル（参照
）*/
}
適応させてみると
このようになります。
header のボックスは赤枠。
h1 のボックスは緑枠。
h2 のボックスは黄緑枠。
wrap のボックスは青枠。
ＣＳＳの指定で、何処が変わったか解かるでしょうか？
当サイトはシンプルですが、背景画像を指定したり文字をもっと大きくさせたりと、好みに合わせてＣＳＳを追加してみてください。