８種類目　スクエア（小）（200x200）

８種類目　スクエア（小）(横200ピクセル、縦200ピクセル)

スクエア（小）(200 x 200) はコンテンツ連動型広告を２つ表示します。

スクエア見本
スクエア（小）(200 x 200)
さっそく日記に設置してみました。
こちらです - スクエア（小）用のふていきブログ

↓ＨＴＭＬです。

<!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">

<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>

<TABLE>
<TBODY>
<TR>
<TD width="100%"></TD>
<TD>
スポンサードリンク
<HR size="1" color="#999999" style="border-style:dotted">

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

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

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

</div>

<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>
-->

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

不思議なブログデザインにしてみました。
ブログ全体を右寄せにして、横幅を狭くしました。

まず、今まで通り
http://retu8.blog52.fc2.com/blog-entry-197.html
日記の最後にスクエア（小）を設置してみました。

日記の最後に設置してみたものの、左側より右側かなぁ　と思い、
http://retu8.blog52.fc2.com/blog-entry-198.html
日記の最後（スクエア右寄せ）に設置してみました。どうして右側にしたのか理由は↑198.html日記に書きました。
ｱﾎな理由でｽｲﾏｾﾝ

次に、どうしてブログ全体を右寄せにしたのかというと、こちらの日記
http://retu8.blog52.fc2.com/blog-entry-198.html
日記最後の
”　(｀ε`)　手首痛めますね。　”
まで読み終えたとします。
そして、右寄せのスクエア（小）を見ようとして、目を移動させます。

(｀ε`)　眼球が疲れますね。
” (｀ε`)　手首痛めますね。 ”　の文字から遠く離れたところにある、右のスクエア（小）。

ブログ全体を右寄せにして横幅を狭くすることで、目にも手首にもやさしいデザインになります。
スクエア（小）用のふていきブログ

ｱﾎな理由でｽｲﾏｾﾝ　orz デザイン何も考えてません。全て後付けの理由です。　orz
日記最後の文章を長く書けばいいだけのこと・・・

日記最後の日付・カテゴリ・トラックバック・コメントも右寄せにしました。

次のページです > ９種類目　スクエア(250 x 250)
最初のページです > アフィリエイト入門

Pickup！