スポンサーサイト

一定期間更新がないため広告を表示しています

| スポンサードリンク | - | - | pookmark |
Entry: main  << >>
外部からの閲覧者にメッセージを出すことでEnterページとして代用する
外部リンクから来た閲覧者にメッセージを出すことで、Enterページ(ウェルカムページ・スプラッシュページ)として代用させようというカスタマイズ。
※Enterページについては、「stella_top_none」のカスタマイズ例でも紹介しています。

テンプレートの<head> 〜 </head>内に下記スクリプトを設置する。
<script language="JavaScript">
<!--
if(document.referrer.indexOf("http://einmeteor.jugem.jp/")!=-1){
document.write("☆内部リンクから来た人用メッセージ");
}else{
document.write("<div style='margin:200px;'>★外部リンクから来た人用メッセージ1行目<br>");
document.write("★外部リンクから来た人用メッセージ2行目</div>");
}
// -->
</script>
<noscript>
<div style='margin:200px;'>★外部リンクから来た人用メッセージ(スクリプトオフの方は毎回表示されます。</div>
</noscript>
赤字部分はご自身のブログURLに変更してください。)

行数を加えたい場合は下記を追記しましょう。
document.write("メッセージ<br>");

<script language="JavaScript">
<!--
if(document.referrer.indexOf("http://einmeteor.jugem.jp/")!=-1){
document.write("☆内部リンクから来た人用メッセージ");
}else{
document.write("<div style='margin:200px;'>メッセージ1行目<br>");
document.write("メッセージ2行目<br>");
document.write("メッセージ3行目<br>");

document.write("メッセージ4行目</div>");
}
// -->
</script>
<div style='margin:200px;'> 〜 </div>
※メッセージ部分は上記のブロック要素で構成されています。スペルの間違い、タグの閉じ忘れには注意するようにしましょう。



[参考画像]

外部リンクから来た閲覧者に対して表示されるメッセージ
(クリックで拡大されます。)

内部リンクで表示されるメッセージ
(クリックで拡大されます。)



[カスタマイズ編]

赤字部分のスタイルタグを変更することで、様々な指定が可能です。
<script language="JavaScript">
<!--
if(document.referrer.indexOf("http://einmeteor.jugem.jp/")!=-1){
document.write("☆内部リンクから来た人用メッセージ");
}else{
document.write("<div style='margin:200px;'>★外部リンクから来た人用メッセージ1行目<br>");
document.write("★外部リンクから来た人用メッセージ2行目</div>");
}

// -->
</script>


[カスタマイズ例]
・文字サイズを15pxの太字にする。
・上下左右のマージンをそれぞれ10px,150px,450px,150pxで指定。



document.write("<div style='margin:10px 150px 450px 150px; font-size:15px; font-weight:bold; '>★外部リンクから来た人用メッセージ1行目<br /></div>");
}



[カスタマイズ例]
・背景画像(http://img-cdn.jg.jugem.jp/05a/764399/20080908_446255.jpg))を指定する。
・幅、高さをそれぞれ95%,500pxで指定。
・文字の色を変更する。
・上下左右のマージンを10px,10px,25px,25pxで指定。


document.write("<div style='margin:10px 25px; font-size:10px; color:white; background-image: url(http://img-cdn.jg.jugem.jp/05a/764399/20080908_446255.jpg); width:95%; height:500px;'>★外部リンクから来た人用メッセージ1行目<br>");
document.write("★外部リンクから来た人用メッセージ2-1行目<br>");
document.write("★外部リンクから来た人用メッセージ2行目</div>");
}

参考:外部リンクから来た閲覧者には、メッセージを出す(ブログで小説!)



| pika | - | - | pookmark |
スポンサーサイト
| スポンサードリンク | - | - | pookmark |