２種類目　バナー (468 x 60)

２種類目　バナー (横468ピクセル、縦60ピクセル)

前のページで紹介しているハーフバナー(234 x 60)はコンテンツ連動型広告を１つ表示しますが、
今回のバナー(468 x 60)はコンテンツ連動型広告を２つ表示します。
ちなみに次のページでもっと大きい広告を紹介します。
ビッグバナー (728 x 90) というものでコンテンツ連動型広告を４つ表示します。
好みや考え方の問題ですが、ビッグバナーは大きいので「広告！」って感じがするのは・・・気のせいでしょうか・・・。
あまりにも「広告」と思われてしまうのはちょっと避けたいのですが、これは広告を設置する場所や広告の色を変更することで回避できる問題なのかもしれません。（広告の色は自由に変えることができます。）

バナー見本

さっそく日記に設置してみました。
こちらです - ２種類目　バナー (468 x 60)

↓ＨＴＭＬです。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja-JP">
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-jp">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-script-type" content="text/javascript">
<link href="<%css_link>" type="text/css" rel="stylesheet">
<link rel="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml">

<style type="text/css">

</style>

<h1 style="font-size:140%"><a href="<%url>"><%blog_name></a></h1>
<h2><%introduction></h2>

</TD>
</TR>
<TR>
<TD valign="top" align="left">
&l

<h3><a id="<%topentry_no>" name="<%topentry_no>"><%topentry_title></a></h3>
<p>
<div class="body">
<%topentry_body>
 <a href="<%topentry_link>#more">[<%topentry_title>]の続きを読む</a>
<hr size="1"><a name="more" id="more"></a><%topentry_more>
</p>

<BR>
スポンサードリンク<BR> 
<HR size="1" color="#999999" style="border-style:dotted"> 
<img src="http://lets-affiliate.net/image/468 x 60.gif" alt="バナー (468 x 60)" width="468" height="60"><BR>
<BR>

| <a href="<%topentry_link>#trackback">トラックバック：<%topentry_tb_num></a>

| <a href="<%topentry_link>#comment">コメント：<%topentry_comment_num></a>

<hr>

&lt;&lt;<a href="<%preventry_url>"><%preventry_title></a> | <a href="<%url>">ホーム</a> | <a href="<%nextentry_url>"><%nextentry_title></a>&gt;&gt;
<p>
<a name="comment">コメント</a>
</p>

<a id="comment<%comment_no>" name="comment<%comment_no>"><%comment_title></a>
<div class="body">
<%comment_body>
<br>
<%comment_year>/<%comment_month>/<%comment_day>(<%comment_wayoubi>) <%comment_hour>:<%comment_minute>:<%comment_second> | 
<%comment_url+str> | 
<%comment_mail+name> #<%comment_trip>
[ <a href="<%comment_edit_link>">編集</a>] <br>
</div>
<br>

<a name="comment_post">コメントの投稿</a><br>

<form method="post" action="./" name="comment_form">
<div>
<input type="hidden" name="mode" value="regist">
<input type="hidden" name="comment[no]" value="<%pno>">
<dl class="reaf">
<dt><label for="name">Name:</label></dt><dd><input id="name" type="text" name="comment[name]" size="30" value="<%cookie_name>"></dd>
<dt><label for="subject">Subject:</label></dt><dd><input id="subject" type="text" name="comment[title]" size="30"></dd>
<dt><label for="mail">Mail:</label></dt><dd><input id="mail" type="text" name="comment[mail]" size="30" value="<%cookie_mail>"></dd>
<dt><label for="url">URL:</label></dt><dd><input id="url" type="text" name="comment[url]" size="30" value="<%cookie_url>"></dd>
<dt><label for="comment">comment:</label></dt><dd>
<textarea id="comment" cols="40" rows="8" name="comment[body]"></textarea></dd>
<dt><label for="pass">Pass:</label></dt><dd><input id="pass" type="password" name="comment[pass]" size="20"></dd>
<dt><label for="himitu">秘密:</label></dt><dd><input id="himitu" type="checkbox" name="comment[himitu]">管理者にだけ表示を許可する</dd>
</dl>
<p><input type="submit" value="送信"></p>
</div>
</form>

<a name="comment_post">コメントの編集</a>
<form method="post" action="./" name="comment_form">
<div>
<input type="hidden" name="mode" value="edit">
<input type="hidden" name="mode2" value="edited">
<input type="hidden" name="edit[rno]" value="<%eno>">
<dl class="reaf">
<dt><label for="name">Name:</label></dt><dd><input id="name" type="text" name="edit[name]" size="30" value="<%edit_name>"></dd>
<dt><label for="subject">Subject:</label></dt><dd><input id="subject" type="text" name="edit[title]" size="30" value="<%edit_title>"></dd>
<dt><label for="mail">Mail:</label></dt><dd><input id="mail" type="text" name="edit[mail]" size="30" value="<%edit_mail>"></dd>
<dt><label for="url">URL:</label></dt><dd><input id="url" type="text" name="edit[url]" size="30" value="<%edit_url>"></dd>
<dt><label for="comment">comment:</label></dt><dd>
<textarea id="comment" cols="40" rows="8" name="edit[body]"><%edit_body></textarea></dd>
<dt><label for="pass">Pass:</label></dt><dd><input id="pass" type="password" name="edit[pass]" size="20"></dd>
<dt><label for="himitu">秘密:</label><input id="himitu" type="checkbox" name="edit[himitu]">秘密にする</dt>
</dl>
<p>
<input type="submit" value="送信"> 
<input type="submit" name="edit[delete]" value="削除">
</p>
</div>
</form>

<a name="trackback">トラックバック</a>
<dl id="trap">
<dt>トラックバックURLはこちら</dt>
<dd><a href="<%trackback_url>"><%trackback_url></a></dd>
<dd><a href="javascript:window.location.replace('http://blog.fc2.com/?url='+window.location.href);">この記事にトラックバックする(FC2ブログユーザー)</a></dd>
</dl>

<a href="<%tb_url>" name="trackback<%tb_no>"><%tb_title></a>
<div class="body">
<%tb_excerpt>
<ol class="sub">
<li><%tb_year>/<%tb_month>/<%tb_day>(<%tb_wayoubi>) <%tb_hour>:<%tb_minute>:<%tb_second> | </li>
<li><%tb_blog_name></li>
</ol>
</div>

<a href="<%prevpage_url>">前のページ</a> <a href="<%nextpage_url>">次のページ</a>

</div>

</TD>
<TD valign="top" align="left" width="200">

<%plugin_first_title>
<p style="text-align:<%plugin_first_ialign>">
<%plugin_first_description>
</p>
<%plugin_first_content>
<p style="text-align:<%plugin_first_ialign>">
<%plugin_first_description2>
</p>

<%plugin_second_title>
<p style="text-align:<%plugin_second_ialign>">
<%plugin_second_description>
</p>
<%plugin_second_content>
<p style="text-align:<%plugin_second_ialign>">
<%plugin_second_description2>
</p>

<%plugin_third_title>
<p style="text-align:<%plugin_third_ialign>">
<%plugin_third_description>
</p>
<%plugin_third_content>
<p style="text-align:<%plugin_third_ialign>">
<%plugin_third_description2>
</p>

</div>

</TD>
</TR>
</TBODY>
</TABLE>

<li><%days></li>

<li>>></li>
<li><a href="<%next_month_link>"><%next_year><%next_month></a></li>
</ul>
-->

</body> 
</html>

テーブルタグの「 width 」を変更してみてもいいかもしれません。
テーブルタグは <body>タグのすぐ下にあります。
こちらがテーブルタグです。
<TABLE SUMMARY="main" width="100%" bordercolor="#FFA500" cellspacing="0" cellpadding="10" border="1">

ふていき日記は「 width="100%" 」に設定していますが、「 width=750 」や「 width=850 」などに変更することで
日記や広告がちょっと左側過ぎるかなぁ
といった悩みは解決できます。
↓width=750 のＨＴＭＬです。

<h1 style="font-size:140%"><a href="<%url>"><%blog_name></a></h1>
<h2><%introduction></h2>

</TD>
</TR>
<TR>
<TD valign="top" align="left">
&l

| <a href="<%topentry_link>#trackback">トラックバック：<%topentry_tb_num></a>

| <a href="<%topentry_link>#comment">コメント：<%topentry_comment_num></a>

<hr>

<a name="comment_post">コメントの投稿</a><br>

<a href="<%prevpage_url>">前のページ</a> <a href="<%nextpage_url>">次のページ</a>

</div>

</TD>
<TD valign="top" align="left" width="200">

</div>

</TD>
</TR>
</TBODY>
</TABLE>

</div>
</body> 
</html>

<body>タグの下に<div align="center">タグを追加しました。
</body>タグの上に</div>タグを追加しました。

width="100%" を width=750 にすると日記はこうなります - ふていきブログ

次のページです > ３種類目　ビッグバナー (728 x 90)
最初のページです > アフィリエイト入門

Pickup！