簡単サイトテンプレート

 | ホームサイトマップ作成ソフトでHPを作る


   baby’s houseさんのテンプレートのショップ名と楽天で仕入れてきた商品を貼り付けた場合のサンプルです。




    トートバッグのお店やさん   
AUVERS−SUR−OISE ジュートバッグ
これは楽天アフィリエイトの画像大124×124のリンクソースを使った場合の表示例です。
商品説明
AUVERS−SUR−OISE ジュートバッグ
これは画像80×80pxのリンクソースを使った場合の表示例です。
商品説明
商品説明
商品説明
商品説明
商品説明
商品説明
商品説明
ホームページビルダーの「下に行を追加する」機能を使えば、このように簡単に下にどんどん新しい枠を作成できます!





 こちらが上図のソースになります。一応、←赤字で部分的に解説していますので、よかったら参考にしてみて
 ください! ただし、こちらはそのままコピーしていただいても使用することはできませんのでご注意ください。
 サイトのイメージにあわせて背景に以下の画像も使用してみました。 背景にさまざまな画像を使用することに
 よって、かなりサイト全体のイメージも変わってきます。 ビルダーのワンタッチ機能を使えばボタンひとつで
 かんたんに背景設定ができますからいろいろ試してみてください。また、無料配布している素材サイト系のもの
 を使わせてもらう場合の設定方法等は、このサイト内のHTMLタグ解説&小技集でも解説しています。

                                 


  アフィリエイトならば簡単に副収入を稼げます!ホームページのアクセスアップ!                   アフィリエイトならば簡単に副収入を稼げます!ホームページのアクセスアップ!                   アフィリエイトならば簡単に副収入を稼げます!ホームページのアクセスアップ!

<CENTER>
<TABLE cellSpacing=7 cellPadding=7 width=700>
<TBODY>
<TR>
<TD bgColor=#ff80c0 colSpan=2>
<TABLE height="100%" cellSpacing=7 cellPadding=7 width="100%" bgColor=#ffa6d2>
<TBODY>
<TR>
<TD bgColor=#ffc8e3>
<TABLE cellspacing="0" cellpadding="7" width="100%" bgcolor="#ffcee7">
<TBODY>
<TR>
<TD align="middle" background="04825.gif" bgcolor="#ffffcc" height="73">  
<IMG height="48" src="a017cut.gif" width="48" border="0">←これがショップ名左横のバッグの絵のファイル名です。ちなみにこれはビルダーの素材集から貼り付けてます!   <IMG src="file:///C:/Documents and Settings/Application Data/IBM/Homepage Builder Version 8/tmp/logo45.gif" width="342" height="53" border="0" alt="トートバッグのお店やさん ">←ビルダーのロゴ作成機能で作ったショップ名のロゴです。  <IMG src="file:///C:/Documents and Settings/My Documents/イラスト画像/bag-6.gif" width="50" height="48" border="0">←これがショップ名右横のバッグの絵のファイル名です。こちらもビルダーの素材集からです!</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD width=350 bgColor=#ff80c0>
<TABLE height="100%" cellSpacing=7 cellPadding=7 width="100%" bgColor=#ffa6d2>
<TBODY>
<TR>
<TD bgColor=#ffc8e3>
<TABLE height="100%" cellSpacing=0 cellPadding=7 width="100%" bgColor=#ffcee7>
<TBODY>
<TR>
<TD align=middle width=75 bgColor=#ffecf5>
<TABLE height=70 cellSpacing=1 width=70 bgColor=#ff0099>
<TBODY>
<TR>
<TD align=middle bgColor=#ffc8e3>ここから→<a href="http://pt.afl.rakuten.co.jp/c/02adc8f5.eacc0b51/?url=http://item.rakuten.co.jp/lisulisu/360414-040007-001019/" target="_blank"><img src="http://thumbnail.image.rakuten.co.jp/@0_gold/lisulisu/soko/bag_casual/360414-040007-001019/cart.jpg?_ex=128x128" border=0 alt="AUVERS−SUR−OISE ジュートバッグ" width="128">←ここまでが画像大のリンクソースです!</a></TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD vAlign=top bgColor=#ffecf5><FONT size=2>ここから→<a href="http://pt.afl.rakuten.co.jp/c/02adc8f5.eacc0b51/?url=http://item.rakuten.co.jp/lisulisu/360414-040007-001019/" target="_blank">AUVERS−SUR−OISE ジュートバッグ</a>←ここまでがテキスト用のリンクソースです!<BR>これは楽天アフィリエイトの<FONT color=#cc0033>画像大のリンクソース</FONT>を使った場合の表示例です。
</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD width=350 bgColor=#ff80c0>
<TABLE height="100%" cellSpacing=7 cellPadding=7 width="100%" bgColor=#ffa6d2>
<TBODY>
<TR>
<TD bgColor=#ffc8e3>
<TABLE height="100%" cellSpacing=0 cellPadding=7 width="100%" bgColor=#ffcee7>
<TBODY>
<TR>
<TD align=middle width=75 bgColor=#ffecf5>
<TABLE height=70 cellSpacing=1 width=70 bgColor=#ff0099>
<TBODY>
<TR>
<TD align=middle bgColor=#ffc8e3>画</TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD bgColor=#ffecf5><FONT color=#ff0099 size=2>商品説明
</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD width=350 bgColor=#ff80c0>
<TABLE height="100%" cellSpacing=7 cellPadding=7 width="100%" bgColor=#ffa6d2>
<TBODY>
<TR>
<TD bgColor=#ffc8e3>
<TABLE height="100%" cellSpacing=0 cellPadding=7 width="100%" bgColor=#ffcee7>
<TBODY>
<TR>
<TD align=middle width=75 bgColor=#ffecf5>
<TABLE height=70 cellSpacing=1 width=70 bgColor=#ff0099>
<TBODY>
<TR>
<TD align=middle bgColor=#ffc8e3>ここから→<a href="http://pt.afl.rakuten.co.jp/c/02adc8f5.eacc0b51/?url=http://item.rakuten.co.jp/lisulisu/360414-040007-001019/" target="_blank"><img src="http://thumbnail.image.rakuten.co.jp/@0_gold/lisulisu/soko/bag_casual/360414-040007-001019/cart.jpg?_ex=64x64" border=0 alt="AUVERS−SUR−OISE ジュートバッグ" width="64"></a>←ここまでが画像小のリンクソースです!</TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD vAlign=top bgColor=#ffecf5><FONT size=2>ここから→<a href="http://pt.afl.rakuten.co.jp/c/02adc8f5.eacc0b51/?url=http://item.rakuten.co.jp/lisulisu/360414-040007-001019/" target="_blank">AUVERS−SUR−OISE ジュートバッグ</a>←ここまでがテキスト用のリンクソースです!<BR>これは<FONT
color=#cc0033>画像小のリンクソース</FONT>を使った場合の表示例です。</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD width=350 bgColor=#ff80c0>
<TABLE height="100%" cellSpacing=7 cellPadding=7 width="100%" bgColor=#ffa6d2>
<TBODY>
<TR>
<TD bgColor=#ffc8e3>
<TABLE height="100%" cellSpacing=0 cellPadding=7 width="100%" bgColor=#ffcee7>
<TBODY>
<TR>
<TD align=middle width=75 bgColor=#ffecf5>
<TABLE height=70 cellSpacing=1 width=70 bgColor=#ff0099>
<TBODY>
<TR>
<TD align=middle bgColor=#ffc8e3>画 </TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD bgColor=#ffecf5><FONT color=#ff0099 size=2>商品説明
</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD width=350 bgColor=#ff80c0>
<TABLE height="100%" cellSpacing=7 cellPadding=7 width="100%" bgColor=#ffa6d2>
<TBODY>
<TR>
<TD bgColor=#ffc8e3>
<TABLE height="100%" cellSpacing=0 cellPadding=7 width="100%" bgColor=#ffcee7>
<TBODY>
<TR>
<TD align=middle width=75 bgColor=#ffecf5>
<TABLE height=70 cellSpacing=1 width=70 bgColor=#ff0099>
<TBODY>
<TR>
<TD align=middle bgColor=#ffc8e3>画 </TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD bgColor=#ffecf5><FONT color=#ff0099 size=2>商品説明
</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD width=350 bgColor=#ff80c0>
<TABLE height="100%" cellSpacing=7 cellPadding=7 width="100%" bgColor=#ffa6d2>
<TBODY>
<TR>
<TD bgColor=#ffc8e3>
<TABLE height="100%" cellSpacing=0 cellPadding=7 width="100%" bgColor=#ffcee7>
<TBODY>
<TR>
<TD align=middle width=75 bgColor=#ffecf5>
<TABLE height=70 cellSpacing=1 width=70 bgColor=#ff0099>
<TBODY>
<TR>
<TD align=middle bgColor=#ffc8e3>画 </TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD bgColor=#ffecf5><FONT color=#ff0099 size=2>商品説明
</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR><!-- ここから-->
<TD width=350 bgColor=#ff80c0>
<TABLE height="100%" cellSpacing=7 cellPadding=7 width="100%" bgColor=#ffa6d2>
<TBODY>
<TR>
<TD bgColor=#ffc8e3>
<TABLE height="100%" cellSpacing=0 cellPadding=7 width="100%" bgColor=#ffcee7>
<TBODY>
<TR>
<TD align=middle width=75 bgColor=#ffecf5>
<TABLE height=70 cellSpacing=1 width=70 bgColor=#ff0099>
<TBODY>
<TR>
<TD align=middle bgColor=#ffc8e3>画 </TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD bgColor=#ffecf5><FONT color=#ff0099 size=2>商品説明
</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
<!-- 終点-->
<TD width=350 bgColor=#ff80c0>
<TABLE height="100%" cellSpacing=7 cellPadding=7 width="100%" bgColor=#ffa6d2>
<TBODY>
<TR>
<TD bgColor=#ffc8e3>
<TABLE height="100%" cellSpacing=0 cellPadding=7 width="100%" bgColor=#ffcee7>
<TBODY>
<TR>
<TD align=middle width=75 bgColor=#ffecf5>
<TABLE height=70 cellSpacing=1 width=70 bgColor=#ff0099>
<TBODY>
<TR>
<TD align=middle bgColor=#ffc8e3>画</TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD bgColor=#ffecf5><FONT color=#ff0099 size=2>商品説明
</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR><!-- ここに挿入--><!-- ここから-->
<TD width=350 bgColor=#ff80c0>
<TABLE height="100%" cellSpacing=7 cellPadding=7 width="100%" bgColor=#ffa6d2>
<TBODY>
<TR>
<TD bgColor=#ffc8e3>
<TABLE height="100%" cellSpacing=0 cellPadding=7 width="100%" bgColor=#ffcee7>
<TBODY>
<TR>
<TD align=middle width=75 bgColor=#ffecf5>
<TABLE height=70 cellSpacing=1 width=70 bgColor=#ff0099>
<TBODY>
<TR>
<TD align=middle bgColor=#ffc8e3>画 </TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD bgColor=#ffecf5><FONT color=#ff0099 size=2>商品説明
</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
<!-- 終点--><!-- ここから-->
<TD width=350 bgColor=#ff80c0>
<TABLE height="100%" cellSpacing=7 cellPadding=7 width="100%" bgColor=#ffa6d2>
<TBODY>
<TR>
<TD bgColor=#ffc8e3>
<TABLE height="100%" cellSpacing=0 cellPadding=7 width="100%" bgColor=#ffcee7>
<TBODY>
<TR>
<TD align=middle width=75 bgColor=#ffecf5>
<TABLE height=70 cellSpacing=1 width=70 bgColor=#ff0099>
<TBODY>
<TR>
<TD align=middle bgColor=#ffc8e3>画 </TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD bgColor=#ffecf5><FONT color=#ff0099 size=2>商品説明
</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
<!-- 終点--></TR>
<TR><!-- ここから-->
<TD width=350 bgColor=#ff80c0>
<TABLE height="100%" cellSpacing=7 cellPadding=7 width="100%" bgColor=#ffa6d2>
<TBODY>
<TR>
<TD bgColor=#ffc8e3>
<TABLE height="100%" cellSpacing=0 cellPadding=7 width="100%" bgColor=#ffcee7>
<TBODY>
<TR>
<TD align=middle width=75 bgColor=#ffecf5>
<TABLE height=70 cellSpacing=1 width=70 bgColor=#ff0099>
<TBODY>
<TR>
<TD align=middle bgColor=#ffc8e3>画 </TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD bgColor=#ffecf5><FONT color=#333333
size=2>ホームページビルダーの「下に行を追加する」機能を使えば、このように簡単に下にどんどん新しい枠を作成できます!</FONT><FONT
color=#ff0099 size=2>
</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
<!-- 終点-->
<TD></TD>
</TR>
</TBODY>
</TABLE>
</CENTER>


     H P の 転 送 と 最 終 チ ェ ッ ク !