<<< 1. HTML編集 で 追加変更する内容 >>>
-----------------------------------------------------------
※の前に挿入と >>
div.imgP{
position:relative;
width:100%;
height:auto;
}
span.P00{
position:absolute;
display:block;
width:100%;
height:100%;
background-image:url(http://........../spc.gif); ・・・・基本１ ここは自分の環境へ修正
}
span.P01{
position:absolute;
display:block;
width:100%;
height:100%;
background-image:url(http://........../ph1.jpg); ・・・・基本２ ここは自分の環境へ修正（表示したい画像1）
background-repeat:no-repeat;
}
span.P02{
position:absolute;
display:block;
width:100%;
height:100%;
background-image:url(http://........../ph2.jpg); ・・・・基本２ ここは自分の環境へ修正（表示したい画像2）
background-repeat:no-repeat;
}
--------------------------------------------------------------
基本２は背景画像として表示する方法で必要なだけ定義する（使わない場合は基本１までの設定で良い）
--------------------------------------------------------------
<<< 3. ブログ記事 で 追加する内容 >>>
ここに写真挿入する。文字が入っても良い
--------------------------------------------------------------
必要なのは、最初と最後の行
ブログ記事の全体をプロテクトする場合は、ブログの最初と最後に指定すれば良い。
--------------------------------------------------------------