このサイト作成ツールを使うときのトリセツ
このサイト作成ツールを使うときに使用する
HTMLの記述の仕方を紹介します。
HTMLについては、背景がグレーの枠の中をコピーすると同じように記述されます。
文章を書くときはこちら→リッチテキストエディタ
アクセス解析の入れ方
アクセス解析は、フォルダの中の「 kaiseki.txt 」の中に入れてください。
アフィリリンクについて
アフィリリンクはリフレッシュタグを使用しています。(自分の個ページを経由してワンクッションして飛ばすこと)
リフレッシュタグが入っているページが「 url.html 」です。
ですので、公式ページへリンクを飛ばすときは次のコードで飛ばすといいです。
※アフィリエイトコードは11番のアフィリリンクの中に入れてください。
ここはh2タグで囲っています
大見出しとして使ってください
ここはh3タグで囲っています
中見出しとして使ってください
ここはh4タグで囲っています
小見出しとして使ってください
ここはh5タグで囲っています
h5タグは基本的に、リンク飛ばすときに使います。下を参考にしてください。
ここはh5タグで囲って外部にリンクを飛ばしています
外部リンクの場合は、target=”_blankがつき、新しいタブで開きます。
ここはh5タグで囲って内部リンクになっています
内部リンクの場合は、同じタブで開きます。
7番のロゴ画像に入れるタグ
ロゴ画像のサイズはMAXで500×50です。300×30〜500×50のサイズで作ってください。
背景がホワイトの広告部分
↓↓↓↓↓こちら↓↓↓↓↓
ここに468×60のバナーを貼る
広告部分です。468×60のバナー広告を貼ってください。<p></p>タグは入れないでください。
↓↓↓↓↓こちら↓↓↓↓↓<br/>
ここに468×60のバナーを貼る
</div>
背景がブラックの広告部分
↓↓↓↓↓こちら↓↓↓↓↓
ここに468×60のバナーを貼る
広告部分です。468×60のバナー広告を貼ってください。<p></p>タグは入れないでください。
↓↓↓↓↓こちら↓↓↓↓↓<br/>
ここに468×60のバナーを貼る
</div>
背景がレッドの広告部分
↓↓↓↓↓こちら↓↓↓↓↓
ここに468×60のバナーを貼る
広告部分です。468×60のバナー広告を貼ってください。<p></p>タグは入れないでください。
↓↓↓↓↓こちら↓↓↓↓↓<br/>
ここに468×60のバナーを貼る
</div>
背景がブルーの広告部分
↓↓↓↓↓こちら↓↓↓↓↓
ここに468×60のバナーを貼る
広告部分です。468×60のバナー広告を貼ってください。<p></p>タグは入れないでください。
↓↓↓↓↓こちら↓↓↓↓↓<br/>
ここに468×60のバナーを貼る
</div>
背景がグリーンの広告部分
↓↓↓↓↓こちら↓↓↓↓↓
ここに468×60のバナーを貼る
広告部分です。468×60のバナー広告を貼ってください。<p></p>タグは入れないでください。
↓↓↓↓↓こちら↓↓↓↓↓<br/>
ここに468×60のバナーを貼る
</div>
背景がイエローの広告部分
↓↓↓↓↓こちら↓↓↓↓↓
ここに468×60のバナーを貼る
広告部分です。468×60のバナー広告を貼ってください。<p></p>タグは入れないでください。
↓↓↓↓↓こちら↓↓↓↓↓<br/>
ここに468×60のバナーを貼る
</div>
背景がオレンジの広告部分
↓↓↓↓↓こちら↓↓↓↓↓
ここに468×60のバナーを貼る
広告部分です。468×60のバナー広告を貼ってください。<p></p>タグは入れないでください。
↓↓↓↓↓こちら↓↓↓↓↓<br/>
ここに468×60のバナーを貼る
</div>
背景がピンクの広告部分
↓↓↓↓↓こちら↓↓↓↓↓
ここに468×60のバナーを貼る
広告部分です。468×60のバナー広告を貼ってください。<p></p>タグは入れないでください。
↓↓↓↓↓こちら↓↓↓↓↓<br/>
ここに468×60のバナーを貼る
</div>
背景がブラウンの広告部分
↓↓↓↓↓こちら↓↓↓↓↓
ここに468×60のバナーを貼る
広告部分です。468×60のバナー広告を貼ってください。<p></p>タグは入れないでください。
↓↓↓↓↓こちら↓↓↓↓↓<br/>
ここに468×60のバナーを貼る
</div>
背景がスカイブルーの広告部分
↓↓↓↓↓こちら↓↓↓↓↓
ここに468×60のバナーを貼る
広告部分です。468×60のバナー広告を貼ってください。<p></p>タグは入れないでください。
↓↓↓↓↓こちら↓↓↓↓↓<br/>
ここに468×60のバナーを貼る
</div>
スマホのフッターに表示される広告
スマホのフッターに固定で表示される広告部分にはこちらのコンテンツを入れます。
<a href="url.html" target="_blank" >468×60のバナー画像</a></center>
枠なしのテーブルを作るとき
枠なしのテーブル | 枠なしのテーブル |
点線のテーブルを作るとき
点線のテーブル | 点線のテーブル |
<table>
<tr>
<TD>点線のテーブル</TD>
<TD>点線のテーブル</TD>
</tr>
<tr>
<td><img alt="" src="img/sample.jpg" style="width:90%" /></td>
<td><img alt="" src="img/sample.jpg" style="width:90%" /></td>
</tr>
</table>
</div>
実線のテーブルを作るとき
実線のテーブル | 実線のテーブル |
<TR>
<table>
<td>実線のテーブル</td>
<td>実線のテーブル</td>
</tr>
<tr>
<td><img alt="" src="img/sample.jpg" style="width:90%" /></td>
<td><img alt="" src="img/sample.jpg" style="width:90%" /></td>
</tr>
</table>
</div>
更新情報・最新情報のお知らせ
- 2014/03/06
- サイトタイトルをリニューアルしました
- 2014/03/06
- 1記事目のタイトルを更新しました
- 2014/03/06
- 2記事目のタイトルを更新しました
- 2014/03/06
- 3記事目のタイトルを更新しました
- 2014/03/06
- 4記事目のタイトルを更新しました
サイドバーのHTMLタグ
SUB MENU1
<ul class="submenu">
<li><a href="./">TOP</a></li>
<li><a href="フォルダ1">フォルダ1</a></li>
<li><a href="フォルダ2">フォルダ2</a></li>
<li><a href="フォルダ3">フォルダ3</a></li>
<li><a href="link.html">リンク集</a></li>
</ul>
○○○記事一覧
<h3>SUB MENU2</h3>
<ul class="submenu">
<li><a href="./">TOP</a></li>
<li><a href="フォルダ1">フォルダ1</a></li>
<li><a href="フォルダ2">フォルダ2</a></li>
<li><a href="フォルダ3">フォルダ3</a></li>
<li><a href="link.html">リンク集</a></li>
</ul>
</div>
○○○○公式サイト
<h3>○○○○公式サイト</h3>
<div class="side_banner_box">
<p><a href="url.html" target=”_blank”>バナー画像(横幅200px以内)</a><br/>
↑↑↑↑↑↑↑↑↑↑<br/>
○○○○公式サイトはこちら
</p>
</div><!--/side_banner_box-->
</div><!--/box1-->
スマホ非表示タグ
スマホで表示させたくないコンテンツは次のタグで囲ってください
</div><!--/boxnone-->
スクロールする部分
<h3>スクロールする部分</h3>
<div class="box1">
<div class="side_banner_box">
<p><a href="url.html" target=”_blank”>バナー画像(横幅200px以内)</a><br/>
↑↑↑↑↑↑↑↑↑↑<br/>
○○○○公式サイトはこちら
</p>
</div><!--/side_banner_box-->
</div><!--/box1-->
</div><!--/scroll-->