日記用テンプレート600px幅（オレンジ系）

100万ポイント山分け！1日5回検索で1ポイントもらえる

000000

ホーム | 日記 | プロフィール

【フォローする】【ログイン】

日記用テンプレート　1-2

width="600"（テーブル幅、600ピクセル）の日記用テンプレート

楽天で日記を書く場合、タグにスペースが空いていると間延びする場合がありますので、
タグはスペースを空けずに詰めることをお勧めします。

サンプル・・・オレンジ系

** ここから日記の文章を書き入れる。

文章が長く続くと右のライン長く伸びます。

どうでしょう？

　***　 *** 　***　 *** 　***　 *** 　***　 *** 　***　 *** 　***　 *** 　***　 ***

** ここにアフィリエイトの商品説明などを書き入れる。
これも文章を長くすると左のライン伸びてきます。

　商品画像1

商品画像2

商品画像3

商品画像4

商品画像5

コピペ用タグ

<table width="600" border="0" cellspacing="4" cellpadding="2" style="border: 3px dotted #ff9900;"><tr><td align="left"><table width="100%" border="0" cellspacing="6" cellpadding="4"><tr><td width="99%" align="left" valign="top" style="border: 1px solid #ff9900;"><font color="#ffcc00" size="2">**　</font> ここから日記の文章を書き入れる。<br><br><br><br>文章が長く続くと右のライン長く伸びます。<br><br>どうでしょう？ </td><td width="1%" bgcolor="#ffcc00">　</td></tr></table><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><font color="#ff9900" size="2">　***　<font color="#ffcc00">***</font>　***　<font color="#ffcc00">***</font>　***　<font color="#ffcc00">***</font>　***　<font color="#ffcc00">***</font>　***　<font color="#ffcc00">***</font>　***　<font color="#ffcc00">***</font>　***　<font color="#ffcc00">***</font></font></td></tr></table><table width="100%" border="0" cellspacing="6" cellpadding="4"><tr><td width="1%" bgcolor="#ff9900">　</td><td width="99%" align="left" valign="top" style="border: 1px solid #ff9900;">　<font color="#ff9900" size="2">**　</font> ここにアフィリエイトの商品説明などを書き入れる。<br>これも文章を長くすると左のライン伸びてきます。 </td></tr></table><table width="100%" border="0" cellpadding="2" cellspacing="4"><tr><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 1px solid #ff9900;"><tr><td align="center" valign="middle"> 商品画像1 </td></tr></table></td><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 2px dotted #ffcc00;"><tr><td align="center" valign="middle"> 商品画像2 </td></tr></table></td><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 1px solid #ff9900;"><tr><td align="center" valign="middle"> 商品画像3 </td></tr></table></td><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 2px dotted #ffcc00;"><tr><td align="center" valign="middle"> 商品画像4 </td></tr></table></td><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 1px solid #ff9900;"><tr><td align="center" valign="middle"> 商品画像5 </td></tr></table></td></tr></table></td></tr></table>

コピペ用タグ２　（テーブルの背景を白にしました(^-^;)）

<table width="600" border="0" cellspacing="4" cellpadding="2" style="border: 3px dotted #ff9900;" bgcolor="#ffffff"><tr><td align="left"><table width="100%" border="0" cellspacing="6" cellpadding="4"><tr><td width="99%" align="left" valign="top" style="border: 1px solid #ff9900;"><font color="#ffcc00" size="2">**　</font> ここから日記の文章を書き入れる。<br><br><br><br>文章が長く続くと右のライン長く伸びます。<br><br>どうでしょう？ </td><td width="1%" bgcolor="#ffcc00">　</td></tr></table><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><font color="#ff9900" size="2">　***　<font color="#ffcc00">***</font>　***　<font color="#ffcc00">***</font>　***　<font color="#ffcc00">***</font>　***　<font color="#ffcc00">***</font>　***　<font color="#ffcc00">***</font>　***　<font color="#ffcc00">***</font>　***　<font color="#ffcc00">***</font></font></td></tr></table><table width="100%" border="0" cellspacing="6" cellpadding="4"><tr><td width="1%" bgcolor="#ff9900">　</td><td width="99%" align="left" valign="top" style="border: 1px solid #ff9900;">　<font color="#ff9900" size="2">**　</font> ここにアフィリエイトの商品説明などを書き入れる。<br>これも文章を長くすると左のライン伸びてきます。 </td></tr></table><table width="100%" border="0" cellpadding="2" cellspacing="4"><tr><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 1px solid #ff9900;"><tr><td align="center" valign="middle"> 商品画像1 </td></tr></table></td><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 2px dotted #ffcc00;"><tr><td align="center" valign="middle"> 商品画像2 </td></tr></table></td><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 1px solid #ff9900;"><tr><td align="center" valign="middle"> 商品画像3 </td></tr></table></td><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 2px dotted #ffcc00;"><tr><td align="center" valign="middle"> 商品画像4 </td></tr></table></td><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 1px solid #ff9900;"><tr><td align="center" valign="middle"> 商品画像5 </td></tr></table></td></tr></table></td></tr></table>

コピペ用タグ３　（テーブルの背景を白にしました+テーブル幅を500pxにしました(^-^;)）

<table width="500"border="0" cellspacing="4" cellpadding="2" style="border: 3px dotted #ff9900;" bgcolor="#ffffff"><tr><td align="left"><table width="100%" border="0" cellspacing="6" cellpadding="4"><tr><td width="99%" align="left" valign="top" style="border: 1px solid #ff9900;"><font color="#ffcc00" size="2">**　</font> ここから日記の文章を書き入れる。<br><br><br><br>文章が長く続くと右のライン長く伸びます。<br><br>どうでしょう？ </td><td width="1%" bgcolor="#ffcc00">　</td></tr></table><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><font color="#ff9900" size="2">　***　<font color="#ffcc00">***</font>　***　<font color="#ffcc00">***</font>　***　<font color="#ffcc00">***</font>　***　<font color="#ffcc00">***</font>　***　<font color="#ffcc00">***</font>　***　<font color="#ffcc00">***</font>　***　<font color="#ffcc00">***</font></font></td></tr></table><table width="100%" border="0" cellspacing="6" cellpadding="4"><tr><td width="1%" bgcolor="#ff9900">　</td><td width="99%" align="left" valign="top" style="border: 1px solid #ff9900;">　<font color="#ff9900" size="2">**　</font> ここにアフィリエイトの商品説明などを書き入れる。<br>これも文章を長くすると左のライン伸びてきます。 </td></tr></table><table width="100%" border="0" cellpadding="2" cellspacing="4"><tr><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 1px solid #ff9900;"><tr><td align="center" valign="middle"> 商品画像1 </td></tr></table></td><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 2px dotted #ffcc00;"><tr><td align="center" valign="middle"> 商品画像2 </td></tr></table></td><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 1px solid #ff9900;"><tr><td align="center" valign="middle"> 商品画像3 </td></tr></table></td><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 2px dotted #ffcc00;"><tr><td align="center" valign="middle"> 商品画像4 </td></tr></table></td><td width="20%"><table width="100%" height="120" border="0" cellpadding="2" cellspacing="4" style="border: 1px solid #ff9900;"><tr><td align="center" valign="middle"> 商品画像5 </td></tr></table></td></tr></table></td></tr></table>

タグ解説

*　テーブルの色を変える場合はそれぞれのカラーコードを変えればOKです。

⇒ カラーコード一覧

ジャンル別一覧