サイト紹介ページ

このページを作る前に

  • ASPに登録しましたか?(A8.net必須)
         サイト紹介ページなので、広告素材が必要です。

  • 広告素材はありますか?
         ASPに契約していても、広告に申し込んでなければ意味がありません。
         A8.netの場合は「プログラムの検索・登録」→カテゴリ別ディレクトリから懸賞・ポイントサービスをクリック→紹介できそうな広告は片っ端から申し込みしてください。
         (一括提携機能が便利です)

88個のコメント

サイト紹介ページを作る

サイト紹介ページを作成しましょう!ここで完成させるページは

  • recommend.html (オススメお小遣いサイト)
  • questionnaire.html (アンケートでお小遣い)
  • mail.html (メール受信でお小遣い)
  • prize.html (懸賞でお小遣い)
  • other.html (その他でお小遣い)

です。

323個のコメント

全ページに共通した解説

まずは

  • questionnaire.html (アンケートでお小遣い)
  • mail.html (メール受信でお小遣い)
  • prize.html (懸賞でお小遣い)
  • other.html (その他でお小遣い)

に共通している部分を完成させます。

これまでに作ったページとまったく同じことなので、説明は省略します。わからないところがあれば、トップページ作成のページを参考にしてください。

変更が必要なところ

7行目

<TITLE>サイト名を記入</TITLE>

「サイト名:ページ名」がよいと思います。

<TITLE>1からはじめるお小遣い稼ぎ:○○でお小遣い</TITLE>

16行目

<H1>ここにサイト名を記入</H1>

20行目

<p><strong>ここに何か書いてもいいです</strong></p>

32~49行目

メニュー構成を変更した場合はここも同じように変更してください。
変更していない場合はこのままでOK

後ろから5行目

<div class="footer">copyright(c)2004.あなたのサイト名<br>

後ろから3行目

著作権表示です。削除・改変はしないでください。

427個のコメント

メインコンテンツ

それでは、メイン部分を完成させましょう。サイト紹介ページは、紹介テンプレートを使います。パーツテンプレートのページからお好きなデザインのソースをコピーしてきてください。

そのコピーしたソースを、67行目の

<div align="center">お好きなテーブルテンプレートを使ってくださいね。</div>

<div align="center">~</div>の間に貼り付けます。

↓テンプレートNo,1を使った例

<div class="content">
<h3 style="">その他でお小遣い</h3>
<TABLE style="width:90%;" cellpadding="0" cellspacing="0">
<TBODY>
<TR>
<TD style="background-color: #c4e1ff; padding: 5px; 
font-weight:bold; border-width:1px; border-style:solid; border-color:#3399ff;">サイト名</TD>
</TR>
<TR>
<TD style="padding:3px; text-align:center; border-width:0px 1px 1px 1px; 
border-style:solid; border-color:#3399ff; background-color:white;">ここに広告コード</TD>
</TR>
<TR>
<TD style="padding:3px; border-width:0px 1px 1px 1px; 
border-style:solid; border-color:#3399ff; background-color:white;">ここにコメント</TD>
</TR>
</TBODY>
</TABLE>
</div>
</div>

例として、フルーツメールの紹介をしてみます。
まず、「サイト名」という部分を「フルーツメール」と書き換えます。次にASPの管理画面からフルーツメールの広告コードをコピーしてください。そのコピーしたものを、「ここにバナー」というところに貼り付けます。最後に、「ここにコメント」というところに説明などを書きます(文例集を参考にしてもOKです)。これで完成です。

↓完成例↓

<TABLE style="width:90%;" cellpadding="0" cellspacing="0">
  <TBODY>
    <TR>
      <TD style="background-color: #c4e1ff; padding: 5px; font-weight:bold; 
      border-width:1px; border-style:solid; border-color:#3399ff;">フルーツメール</TD>
    </TR>
    <TR>
      <TD style="padding:3px; text-align:center; border-width:0px 1px 1px 1px; 
      border-style:solid; border-color:#3399ff; background-color:white;">
      <a href="http://px.a8.net/svt/ejp?a8mat=NY1GQ+1VA04Y+2U8+60WN5" target="_blank">
      <img border="0" width="468" height="60" alt="Click Here!" 
      src="http://ad.a8.net/svt/bgt?aid=040219370113&wid=001&eno=01&mid=s00000000368001012000&mc=1"></a>
      <img border="0" width="1" height="1" src="http://ad.a8.net/0.gif?a8mat=NY1GQ+1VA04Y+2U8+60WN5" alt=""></TD>
    </TR>
    <TR>
      <TD style="padding:3px; border-width:0px 1px 1px 1px; 
      border-style:solid; border-color:#3399ff; background-color:white;">
      「フルーツメール」は送られてきた宣伝メールのURLをクリックすることでポイントがつきます。2000Pから現金や商品券に交換できます。
      「フルーツメール」は懸賞が多いのも特徴です。会員の中から毎月抽選で1名に100万円が当たったり、
      「毎月懸賞」、「フルーツロト」、「ビンゴゲーム」など楽しいイベントがたくさんあります。</TD>
    </TR>
  </TBODY>
</TABLE>

↓このように表示されます↓

フルーツメール
Click Here!
「フルーツメール」は送られてきた宣伝メールのURLをクリックすることでポイントがつきます。2000Pから現金や商品券に交換できます。「フルーツメール」は懸賞が多いのも特徴です。会員の中から毎月抽選で1名に100万円が当たったり、「毎月懸賞」、「フルーツロト」、「ビンゴゲーム」など楽しいイベントがたくさんあります。


複数設置するには

<div align="center">

<TABLE style="width:90%;" cellpadding="0" cellspacing="0">
・ ・ ・
・ ・ ・
・ ・ ・
</TABLE>

<BR>

<TABLE style="width:90%;" cellpadding="0" cellspacing="0">
・ ・ ・
・ ・ ・
・ ・ ・
</TABLE>

</div>

としてください。つまり、<div align="center">から</div>の中にサイト紹介テンプレートを設置したい分だけ、貼り付けてください。<TABLE style="width:90%;" cellpadding="0" cellspacing="0">~</TABLE>までが1セットというわけです。注意点としては、セット間で<BR>タグを1つ書いて改行させてください。

78個のコメント