＊tmp_wblue_boo用インフォメーションエリアの作り方

ブログのトップにインフォメーションエリアを作る方法です。
基本的にコピー＆ペーストで使えると思います（タブン）

【tmp_wblue_boo】用の追加部品です。他テンプレートとは少々仕様が違います。
他テンプレート用はもう少々お待ち下さい。

追加用ＨＴＭＬ

<div class="entry">
<div class="bloginfo">
<br> 
</div>
<div class="info_body">
★インフォメーションエリアです、この部分に好きな内容を書いてください★
</div>
<div class="info_bottom">
<br>
</div>
</div>

HTML追加方法

上記のHTMLをテンプレートのHTMLの

の真上に追加して下さい。

＊の真上にと書いてあるテンプレートと書いてないテンプレートがありますが
（書いてあるかないかは配布時期によります、最新のものは書いてあります）それの上でも大丈夫です。

修正しないで追加した場合、「トップページにのみ表示されるインフォメーションエリア」を作ることが出来ます。
「★インフォメーションエリアです、この部分に好きな内容を書いてください★」の文字を消して好きな内容をお書き下さい。

＊インフォメーションエリアにタイトルをつけたい場合＊
<br> 
この色の一行を丸ごと削除して「ああああ」と書くと「ああああ」とタイトルのついたインフォメーションエリアが出来ます。修正しなければタイトルなしのボックスが出来ます。

index_area（変数）について

★


この要素に囲まれた部分はブログの一番最初のページにしか表示されません。（★がある所に書いてあるもの全て）
ページを移動しても表示させたい場合は、追加用HTMLの一番上のと一番下の
を削除して下さい。

＊逆にトップページ以外にだけ表示したい場合＊
を
を
にそれぞれ変更して下さい。トップページ以外の全てのページで表示されるようになります。

他にも表示させるタイミング指定変数は数種類あります、他変数についてはFC2ブログ変数一覧をご参照下さい。

追加用スタイルシート

/*-- トップインフォメーション --*/
div.bloginfo {
font: bold 14px Georgia, Verdana, Helvetica, sans-serif;
color: #48A5B9;
line-height: 140%;
text-align : left;
margin: 10px 15px 0 15px;
padding: 8px 10px;
background-image: url(http://blog58.fc2.com/t/tmpblog/file/blue_entop.gif);
background-repeat : no-repeat;background-position : center top;
}
div.info_body{
font-size: 12px;
line-height: 150%;
margin: 0 15px;
padding: 0 15px;
color: #666;
background-image: url(http://blog58.fc2.com/tmpblog/file/blue_enbody.gif);
background-repeat : repeat-y;
background-position : center;
}
.info_bottom {
height: 20px;
margin: 0 15px;
background-image : url(http://blog58.fc2.com/tmpblog/file/blue_enbottom.gif);
background-repeat : no-repeat;
background-position : center bottom;
}

スタイルシート追加方法

全てコピーしてテンプレートのスタイルシートに追加してください。
表示変数を変えてもスタイルシートに変更はありません。