記事上部にフリーエリアを作ったのですがうまく表示できません。

やっぱり駄目でした。
色々探してみたのですが。
万年床生活者さんよろしくお願致します。
http://blog.livedoor.jp/nishinachu/?blog_id=226453...

ベストありがとうございます。
ブログ、拝見しました。
私なりに検証した結果、以下のようになりました。
変更点は僅かですが、これで一度試してみてください。

<div class="datetop"></div>
<div class="fullbody">
<div class="date"></div>
<div class="blogbodytop"></div>
<div class="blogbody">
<div class="titlebody"><h1 class="title">
☆ここにはタイトルを書きます☆
</h1></div>
<div class="main">
☆ここには記事本文のような文章を記入☆
</div></div>
<div class="blogbodybottom"></div>
</div>
<div class="dateend"></div>

蛇足：
▼これが「下の枠」の画像です。
http://parts.blog.livedoor.jp/img/usr/3c_orange/ma...
この画像を180度回転させて「上の枠」として用いればもっとキレイな枠になりそう。

うまく出来ました！
万年床生活者さんありがとうございます。

コメント＃３については、下の画像をどの部分に組み込めばいいのか分かりません。

もう一ついいですか。
フリーエリアの上と下の余白は削除できないのでしょうか？

>>#4
どういたしまして＾＾

下の画像をどの部分に組み込めばいいのか

まずは…
▼「下の枠」を180度回転させた画像
http://image.blog.livedoor.jp/mannendoco_life/imgs...
この画像をダウンロードしてご自身のブログにアップします。

アップした画像のURLを取得します。

カスタマイズ → スタイルシート(CSS)を開いて適当な場所に以下を追加します。

.msg_top{
		background:url(http://parts.blog.livedoor.jp/img/usr/3c_orange/main_top_2c.gif) no-repeat 0 0;
		padding:5px 15px;
	}

http://parts.blog.livedoor.jp/img/usr/3c_orange/main_top_2c.gif

<div class="date"></div>

<div class="msg_top"></div>

>>#5

フリーエリアの上と下の余白

>>#7
がんばってやってみます。

>>#8
内側の枠の上下の余白については、スペースが入っているのが気になります。どうぞよろしくお願いいたします。

「枠」のほうはうまくいったようですね。おめでとうございます。
あとは「余白」ですね。以下の手順でやってみてください。

カスタマイズ → スタイルシート(CSS)を開いて適当な場所に以下を追加します。（".msg_top"の下が良いでしょう）

.msg_main{
		font-size:small;
		padding:0;
		line-height:120%;
	}

<div class="main">

<div class="msg_main">