ブログのホームに入り口(Enter)画像を配置

★　ブログのホームに入り口(Enter)画像を配置します。



★　最新版（最新バージョン）は下記記事です。

ブログのホームに入り口(Enter)画像やメッセージなどを配置
http://ameblo.jp/new-blue-777/entry-11339765133.html




　●　ブログのホームにEnter画像を設置し、Enter がクリックされたら　ブログを表示します。


◆　使用する画像(例）

　http://stat001.ameba.jp/user_images/20110507/04/new-bulue9/d5/8c/p/o0248011611211956999.png



◆　画面推移


　①　ブログのホームページの場合、Enter画像が表示されます



　②　Enter画像をクリックすると、ブログが表示されます。



●　注意点

・　ホーム以外のページは、Enter画面は表示されません。
・　クッキーを利用して、Enter画面が表示されてから、次にEnter画面が表示させる
　　ため、の時間や日を指定することもできますが、当記事では紹介していません。
（　Enterが毎回、表示されるのを避けることができます・・・１日１回のみなど）







①　ＣＳＳへ追記
　　（アメーババーをすでに、ＣＳＳで消している場合は、下記の赤字部分は消してください）

/* ------------------------------------------------ */
/* ◆　ホームのEnter操作（新スキン用）　　　　　　　*/
/* ------------------------------------------------ */
.skinBody{/* 全体を非表示 */
display:none;
border:none;
}
#ambHeader{/* アメーババーを非表示 */
display:none;
border:none;
}
.skinFrame{/* フレームを非表示 */
display:none;
}
#E_imgx:hover{/* Enter画像にカーソルを乗せた場合 */
cursor:pointer;
}
/* ------------------------------------------------ */

②　フリープラグインへ追記（赤字部分は調整してください）

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript" src="http://usrcss.ameblo.jp/skin/templates/b2/ea/10024848068.css"></script>
<script type="text/javascript">
var AMEBA_ID="アメーバＩＤ"; // アメーバＩＤ
var back_color="#333333"; // 背景色
var E_img="http://stat001.ameba.jp/user_images/20110507/04/new-bulue9/d5/8c/p/o0248011611211956999.png"; // Enter画像
var E_img_w=248; // Enter 画像の横幅
var E_img_h=116; // Enter 画像の縦幅
var Bar_disp="YES"; // アメーババーを消していれば、 "NO"
var fOut_time=3000; // ブログが表示される時間（ミリ秒）3000 は３秒
window.onload = function(){Enter_disp_new();}
</script>

●　設定の説明

アメーバＩＤ・・・自分のアメーバＩＤを設定します
背景色・・・全体の背景色を設定します。transparent にすれば透明になります。
Enter画像・・・Enter画像のＵＲＬを指定します。
Enter 画像の横幅と縦幅・・・Enter 画像の横幅と縦幅を指定します(px)。



★　上記の　<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
　　は、フリープラグインの一番最初に１つあればＯＫです。
<script type="text/javascript" src="http://usrcss.ameblo.jp/skin/templates/b2/ea/10024848068.css"></script>
　　は、フリープラグインに１つあればＯＫです。




●　transparent を指定した場合、全体背景画像が背景として表示する
　　ことができます。
　　この場合は、bodyに対して背景画像を設定してください

例：

body{
background-image:url(画像のＵＲＬ);
background-repeat:repeat;
}