ヤプログ　フリースキン

04

記事とサイドバーにスクロール付きスキン
3カラム

***このスキンの構造***
全体の幅→750px
サイドバー→175px
記事→400px

☆コメント☆
全体の幅、記事、サイドバー共に幅は一切変えていません。･･･が、このスキンは縦幅が「500px」に統一してあります。
この500pxの高さをサイドバーや記事が超えますと自動的にスクロールバーが出る仕組み。ページ全体を動かす必要がないので、とてもコンパクトに見やすいブログになるかと思います。

スタイルシート
HR { COLOR: #999; HEIGHT: 1px } H1 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN:0; PADDING-TOP: 0px } H2 { FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN: 0; } H3 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } .range { BORDER-RIGHT: #f99 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #f99 1px solid; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; BORDER-LEFT: #f99 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #f99 1px solid } .blog_title { width:90%; padding-right:10px; MARGIN: 30px auto 10px 20px; FONT-WEIGHT: bold; FONT-SIZE: 16px; OVERFLOW: hidden; COLOR: #f99; WORD-BREAK: break-all; LETTER-SPACING: 1px } .blog_title A:link { COLOR: #f99; LETTER-SPACING: 1px; TEXT-DECORATION: none } .blog_title A:visited { COLOR: #f99; LETTER-SPACING: 1px; TEXT-DECORATION: none } .blog_title A:hover { COLOR: #f99; LETTER-SPACING: 1px; TEXT-DECORATION: none } .blog_title A:active { COLOR: #f99; LETTER-SPACING: 1px; TEXT-DECORATION: none } .blog_description { MARGIN: 0px auto 0px 0px; PADDING-LEFT: 20px; padding-right:20px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 7px; OVERFLOW: hidden; COLOR: #fff; WORD-BREAK: break-all; PADDING-TOP: 7px; LETTER-SPACING: 1px; BACKGROUND-COLOR: #f99 } .entry { BORDER-RIGHT: #f99 1px solid; BORDER-TOP: #f99 1px solid; MARGIN: 10px; BORDER-LEFT: #f99 1px solid; BORDER-BOTTOM: #f99 1px solid; width: 380px; } .entry_title { PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; OVERFLOW: hidden; COLOR: #fff; WORD-BREAK: break-all; PADDING-TOP: 3px; LETTER-SPACING: 1px; BACKGROUND-COLOR: #f99 } .date { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #fff } .entry_text { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 8px; COLOR: #333; PADDING-TOP: 8px } .entry_text A:link { FONT-WEIGHT: normal; COLOR: #f99; TEXT-DECORATION: none } .entry_text A:visited { FONT-WEIGHT: normal; COLOR: #f99; TEXT-DECORATION: none } .entry_text A:active { FONT-WEIGHT: normal; COLOR: #333; BACKGROUND-COLOR: #f99; TEXT-DECORATION: none } .entry_text A:hover { FONT-WEIGHT: normal; COLOR: #333; BACKGROUND-COLOR: #f99; TEXT-DECORATION: none } .entry_layer { OVERFLOW: hidden; WIDTH: 360px; WORD-BREAK: break-all } .comment_layer { OVERFLOW: hidden; WIDTH: 300px; WORD-BREAK: break-all } .posted { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-WEIGHT: normal; FONT-SIZE: 10px; PADDING-BOTTOM: 4px; COLOR: #999; LINE-HEIGHT: 110%; PADDING-TOP: 8px; TEXT-ALIGN: right } .posted A:link { FONT-WEIGHT: normal; COLOR: #999; TEXT-DECORATION: none } .posted A:visited { FONT-WEIGHT: normal; COLOR: #999; TEXT-DECORATION: none } .posted A:active { FONT-WEIGHT: normal; COLOR: #f99; TEXT-DECORATION: underline } .posted A:hover { FONT-WEIGHT: normal; COLOR: #f99; TEXT-DECORATION: underline } .side_left { MARGIN-TOP: 10px; WIDTH: 175px; overflow: auto; height: 500px; } .side_right { MARGIN-TOP: 10px; WIDTH: 175px; overflow: auto; height: 500px; } .side { WIDTH: 175px } .side_title { PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; OVERFLOW: hidden; COLOR: #fff; WORD-BREAK: break-all; PADDING-TOP: 5px; LETTER-SPACING: 1px; BACKGROUND-COLOR: #f99 } .side_text { width:100%; PADDING-RIGHT: 10px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 10px; PADDING-BOTTOM: 3px; OVERFLOW: hidden; COLOR: #333; WORD-BREAK: break-all; LINE-HEIGHT: 150%; PADDING-TOP: 5px } .side_text A:link { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #333; LINE-HEIGHT: 150%; TEXT-DECORATION: none } .side_text A:visited { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #333; LINE-HEIGHT: 150%; TEXT-DECORATION: none } .side_text A:hover { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #f99; LINE-HEIGHT: 150%; TEXT-DECORATION: underline } .side_text A:active { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #f99; LINE-HEIGHT: 150% } .calendar { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 20px; COLOR: #333333; LINE-HEIGHT: 150%; PADDING-TOP: 0px } .calendar A { FONT-SIZE: 10px; COLOR: #333; TEXT-DECORATION: underline } .calendar A:link { FONT-SIZE: 10px; COLOR: #f99; TEXT-DECORATION: underline } .calendar A:visited { FONT-SIZE: 10px; COLOR: #f99; TEXT-DECORATION: underline } .calendar A:active { FONT-SIZE: 10px; COLOR: #333; BACKGROUND-COLOR: #f99; TEXT-DECORATION: underline } .calendar A:hover { FONT-SIZE: 10px; COLOR: #333; BACKGROUND-COLOR: #f99; TEXT-DECORATION: underline } .page { FONT-SIZE: 10px; MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 7px; COLOR: #fff; PADDING-TOP: 7px; LETTER-SPACING: 1px; BACKGROUND-COLOR: #f99; TEXT-ALIGN: center } .page A:link { FONT-SIZE: 10px; COLOR: #fff; LETTER-SPACING: 1px; TEXT-DECORATION: none } .page A:visited { FONT-SIZE: 10px; COLOR: #fff; LETTER-SPACING: 1px; TEXT-DECORATION: none } .page A:hover { FONT-SIZE: 10px; COLOR: #fff; LETTER-SPACING: 1px; TEXT-DECORATION: underline } .page A:active { FONT-SIZE: 10px; COLOR: #fff; LETTER-SPACING: 1px; TEXT-DECORATION: underline } .prevew { FONT-SIZE: 10px; PADDING-BOTTOM: 7px; COLOR: #333; PADDING-TOP: 7px; LETTER-SPACING: 1px; TEXT-ALIGN: center } .prevew A:link { FONT-SIZE: 10px; COLOR: #333; LETTER-SPACING: 1px; TEXT-DECORATION: none } .prevew A:visited { FONT-SIZE: 10px; COLOR: #333; LETTER-SPACING: 1px; TEXT-DECORATION: none } .prevew A:hover { FONT-SIZE: 10px; COLOR: #f99; LETTER-SPACING: 1px; TEXT-DECORATION: underline } .prevew A:active { FONT-SIZE: 10px; COLOR: #f99; LETTER-SPACING: 1px; TEXT-DECORATION: underline } .footer { FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none } .footer A:link { COLOR: #440000; TEXT-DECORATION: underline } .footer A:visited { COLOR: #440000; TEXT-DECORATION: underline } .footer A:hover { COLOR: #ff0000; TEXT-DECORATION: underline } .footer A:active { COLOR: #ff0000; TEXT-DECORATION: underline } .footer_jp { FONT-SIZE: 11px; COLOR: #000000; TEXT-DECORATION: none } .footer_jp A:link { COLOR: #440000; TEXT-DECORATION: underline } .footer_jp A:visited { COLOR: #440000; TEXT-DECORATION: underline } .footer_jp A:hover { COLOR: #ff0000; TEXT-DECORATION: underline } .footer_jp A:active { COLOR: #ff0000; TEXT-DECORATION: underline } BODY { scrollbar-face-color: #ffffff; scrollbar-arrow-color: #f99; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-base-color: #ffffff; scrollbar-3dlight-color: #f99; scrollbar-darkshadow-color: #f99; }

メインテンプレート
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <title>{$BlogName$}</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <link rel="alternate" type="application/rss+xml" title="RSS" href="{$BlogUrl$}index1_0.rdf" /> <link rel="stylesheet" href="{$BlogUrl$}style.css" type="text/css" /> {$GMOtabA$} </head> <body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> {$GMOtabB$} <br> <table align="center" cellpadding="0" cellspacing="0" border="0" class="range" width="750"> <tr> <td> <h1> <div class="blog_title"><a href="{$BlogUrl$}">{$BlogName$}</a></div> </h1> <TABLE width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="blog_description"><h2>{$BlogDescription$}</h2></td> </tr> </TABLE> <table cellpadding="0" cellspacing="0" border="0" width="750"> <tr> <td valign="top" width="175"> <div class="side_left">  {$BlogSidebarLeft$} {$Banner$} </div> </td> <td valign="top" width="400" align="center"> <DIV style="overflow: auto; height: 500px;">  <BlogEntries> <table cellpadding="0" cellspacing="0" border="0" width="400" class="entry"> <tr> <td class="entry_title"> {$BlogEntryTitle$}　/　<span class="date"><nobr>{$BlogEntryDate format="%Y年%m月%d日(%a)" language="jp"$}</nobr></span> </td> </tr> <tr> <td class="entry_text"> <div class="entry_layer">{$BlogEntryBody$}</div> 　<br> 　<BlogEntryIfExtended><a href="{$BlogEntryPermalinkUrl$}#BlogEntryExtend">続きを読む…</a></BlogEntryIfExtended>　 </td> </tr> <tr> <td class="posted"> Posted at {$BlogEntryDate format="%H:%M"$}<BlogEntryIfCategory>　/　<a href="{$BlogEntryCategoryLink$}">{$BlogEntryCategory$}</a>　</BlogEntryIfCategory>/　<a href="{$BlogEntryPermalinkUrl$}">この記事のURL</a><br> <BlogEntryIfAllowComments><a href="{$BlogEntryPermalinkUrl$}#comments">コメント({$BlogEntryCommentCount$})</a></BlogEntryIfAllowComments><BlogEntryIfAllowPings>　/　<a href="{$BlogEntryPermalinkUrl$}#Trackback">トラックバック({$BlogEntryTrackbackCount$})</a></BlogEntryIfAllowPings> </td> </tr> </table> </BlogEntries> </DIV> </td> <td width="175" valign="top"> <div class="side_right">  {$feedme$}{$BlogSidebarRight$} </div> </td> </tr> </table> </td> </tr> <tr> <td class="page"> 　<BlogIfPagePrevious><a href="{$BlogPagePrevLink$}">次へ</a> </BlogIfPagePrevious> <BlogIfPageNext> | <a href="{$BlogPageNextLink$}">前へ</a> 　</BlogIfPageNext> </td> </tr> <tr> <td>　</td> </tr> </table>  <table width="780" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td width="435"><img src="http://img.gmo.jp/images/copyright.gif" vspace="0" alt="GMO Internet, Inc."></td> <td width="330" align="right" class="footer_jp"><a href="#">▲ ページトップへ</a></td> <td width="15"><img src="{$BlogTmplUrl$}img/space.gif" width="13" height="1"></td> </tr> </table> <table width="755" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td class="footer">{$PromoWord$}</td> </tr> </table>  <br> {$BlogAccessCounter$} </body> </html>

アーカイブテンプレート
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <title>{$BlogName$}</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <link rel="alternate" type="application/rss+xml" title="RSS" href="{$BlogUrl$}index1_0.rdf" /> <link rel="stylesheet" href="{$BlogUrl$}style.css" type="text/css" /> {$GMOtabA$} </head> <body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> {$GMOtabB$} <br> <table align="center" cellpadding="0" cellspacing="0" border="0" width="750" class="range"> <tr> <td><h1> <div class="blog_title"><a href="{$BlogUrl$}">{$BlogName$}</a></div> </h1> <TABLE width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="blog_description"><h2>{$BlogDescription$}</h2></td> </tr> </TABLE> <table cellpadding="0" cellspacing="0" border="0" width="750"> <tr> <td valign="top" width="175"> <div class="side_left">  {$BlogSidebarLeft$} {$Banner$}  </div></td> <td valign="top" width="400" align="center"> <DIV style="overflow: auto; height: 500px;">  <table width="400" border="0" cellspacing="0" cellpadding="5" align="center"> <tr> <td align="center" class="prevew"> <BlogArchiveNext><a href="{$BlogArchiveLink$}">«{$BlogArchiveTitle$}</a> | </BlogArchiveNext> <a href="{$BlogUrl$}">Main</a> <BlogArchivePrevious> | <a href="{$BlogArchiveLink$}">{$BlogArchiveTitle$}»</a></BlogArchivePrevious> </td> </tr> </table>   <BlogEntries> <table class="entry" width="400" cellpadding="0" cellspacing="0"> <tr> <td class="entry_title"> {$BlogEntryTitle$}　/　<span class="date"><nobr>{$BlogEntryDate format="%Y年%m月%d日(%a)" language="jp"$}</nobr></span> </td> </tr> <tr> <td class="entry_text"><div class="entry_layer">{$BlogEntryBody$}</div> <br> <BlogEntryIfExtended><a href="{$BlogEntryPermalinkUrl$}#BlogEntryExtend">続きを読む…</a></BlogEntryIfExtended>　 </td> </tr> <tr> <td class="posted"> Posted at {$BlogEntryDate format="%H:%M"$}<BlogEntryIfCategory>　/　<a href="{$BlogEntryCategoryLink$}">{$BlogEntryCategory$}</a>　</BlogEntryIfCategory>/　<a href="{$BlogEntryPermalinkUrl$}">この記事のURL</a><br> <BlogEntryIfAllowComments><a href="{$BlogEntryPermalinkUrl$}#comments">コメント({$BlogEntryCommentCount$})</a></BlogEntryIfAllowComments><BlogEntryIfAllowPings>　/　<a href="{$BlogEntryPermalinkUrl$}#Trackback">トラックバック({$BlogEntryTrackbackCount$})</a></BlogEntryIfAllowPings> </td> </tr> </table> </BlogEntries> </DIV> </td> <td valign="top" width="175"> <div class="side_right">  {$feedme$}{$BlogSidebarRight$}  </div> </td> </tr> </table></td> </tr> <tr> <td class="page"> <BlogIfPagePrevious><a href="{$BlogPagePrevLink$}">次へ</a></BlogIfPagePrevious><BlogIfPageNext> | <a href="{$BlogPageNextLink$}">前へ</a></BlogIfPageNext> </td> </tr> <tr> <td>　 </td> </tr> </table>  <table width="780" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td width="435"><img src="http://img.gmo.jp/images/copyright.gif" vspace="0" alt="GMO Internet, Inc."></td> <td width="330" align="right" class="footer_jp"><a href="#">▲ ページトップへ</a></td> <td width="15"><img src="{$BlogTmplUrl$}img/space.gif" width="13" height="1"></td> </tr> </table> <table width="755" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td class="footer">{$PromoWord$}</td> </tr> </table>  <br> {$BlogAccessCounter$} </body> </html>

1記事テンプレート
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <title>{$BlogName$}</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <link rel="alternate" type="application/rss+xml" title="RSS" href="{$BlogUrl$}index1_0.rdf" /> <link rel="stylesheet" href="{$BlogUrl$}style.css" type="text/css" /> {$GMOtabA$} </head> <body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> {$GMOtabB$} {$BlogIndividualScript$} <br> <table align="center" cellpadding="0" cellspacing="0" border="0" class="range" width="750"> <tr> <td><h1> <div class="blog_title"><a href="{$BlogUrl$}">{$BlogName$}</a></div> </h1> <TABLE width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="blog_description"><h2>{$BlogDescription$}</h2></td> </tr> </TABLE> <table cellpadding="0" cellspacing="0" border="0" width="750"> <tr> <td valign="top" width="175"> <div class="side_left">  {$BlogSidebarLeft$} {$Banner$}  </div></td> <td valign="top" width="400" align="center"> <DIV style="overflow: auto; height: 500px;">  <table border="0" cellspacing="0" cellpadding="5"> <tr> <td align="center" class="prevew"><BlogEntryNext><a href="{$BlogEntryPermalinkUrl$}">« {$BlogEntryTitle$}</a> | </BlogEntryNext> <a href="{$BlogUrl$}">Main</a> <BlogEntryPrevious> | <a href="{$BlogEntryPermalinkUrl$}">{$BlogEntryTitle$} »</a></BlogEntryPrevious></td> </tr> </table>   <table class="entry" cellpadding="0" cellspacing="0" border="0" width="400"> <tr> <td class="entry_title"> {$BlogEntryTitle$}　/　<span class="date"><nobr>{$BlogEntryDate format="%Y年%m月%d日(%a)" language="jp"$}</nobr></span> </td> </tr> <tr> <td class="entry_text"> <div class="entry_layer">{$BlogEntryBody$}</div> <br> <div class="entry_layer">{$BlogEntryExtend$}</div></td> </tr> <tr> <td class="posted"> Posted at {$BlogEntryDate format="%H:%M"$}<BlogEntryIfCategory>　/　<a href="{$BlogEntryCategoryLink$}">{$BlogEntryCategory$}</a>　</BlogEntryIfCategory>/　<a href="{$BlogEntryPermalinkUrl$}">この記事のURL</a><br> <BlogEntryIfAllowComments><a href="{$BlogEntryPermalinkUrl$}#comments">コメント({$BlogEntryCommentCount$})</a></BlogEntryIfAllowComments><BlogEntryIfAllowPings>　/ <a href="{$BlogEntryPermalinkUrl$}#Trackback">トラックバック({$BlogEntryTrackbackCount$})</a></BlogEntryIfAllowPings> </td> </tr> </table>   <table class="entry" cellpadding="0" border="0" cellspacing="0" width="400"> <tr> <td class="entry_title"> この記事のURL </td> </tr> <tr> <td class="entry_text"> <a href="{$BlogEntryPermalinkUrl$}">{$BlogEntryPermalinkUrl$}</a><br> </td> </tr> </table> <BlogEntryIfAllowPings> <table width="400" border="0" cellspacing="0" cellpadding="0" class="entry"> <tr> <td align="center"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="entry_title" height="21" align="left"><a id="trackback"></a>トラックバック</td> </tr> </table></td> </tr> <tr> <td class="entry_text"> この記事へのトラックバックURL<br /> {$BlogEntryTrackbackLink$}<br> </td> </tr> <tr> <td class="entry_text"><BlogPings> » <a href="{$BlogPingUrl$}" target="_blank">{$BlogPingTitle$}</a> from {$BlogPingBlogName$}<br />{$BlogPingExcerpt$} <a href="{$BlogPingUrl$}" target="_blank">[Read More]</a> <div align="right" class="posted">Tracked on {$BlogPingDate format="%Y年%m月%d日(%a)　%H:%M" language="jp"$}</div> <hr> </BlogPings> </td> </tr> </table> </BlogEntryIfAllowPings>   <BlogEntryIfAllowComments> <table width="380" border="0" cellspacing="0" cellpadding="0" class="entry"> <tr> <td class="entry_title" height="21"><a id="commentform"></a>コメントする</td> </tr> <tr> <td class="entry_text">{$CommentErrMsg$} <form method="post" name="WriteCommentForm" action="{$BlogCommentPostUrl$}"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top" class="entry_text" nowrap height="25" align="right">名前:</td> <td class="entry_text"><input name="author" value="{$CommentValueAuthor$}"/><br>{$CommentErrMsgAuthor$}</td> </tr> <tr> <td valign="top" class="entry_text" height="25" nowrap align="right">Email:</td> <td class="entry_text"><input name="email" value="{$CommentValueEmail$}" size="30"/><br>{$CommentErrMsgEmail$} </td> </tr> <tr> <td valign="top" height="25" class="entry_text" nowrap align="right">URL:</td> <td class="entry_text"><input name="url" value="{$CommentValueUrl$}" size="35"/><br>{$CommentErrMsgUrl$} </td> </tr> <tr> <td class="entry_text" colspan="2" height="18"> <input type="checkbox" name="EatCookie" value="0" onclick="handleEatCookieCheckBoxOnClick(this); return true;"/>クッキーに保存 </td> </tr> </table> <table height="24" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="entry_text">{$BlogCommentToolbar$}</td> </tr> <tr>  <td height="1" class="entry_text"> <span id="comment_toolbar_position_marker" style="position:absolute; border: 1px none gray; width:13px; height: 3px"><img src="{$BlogTmplUrl$}img/space.gif" width="95%" height="1" border="0"></span> </td> </tr> </table> <textarea name="comment" rows="10" style="width: 95%;" class="entry_text">{$CommentValueComment$}</textarea> <br> {$CommentErrMsgComment$} <div id="comment_preview" class="comment_layer"></div> <p></p> <div> <input style="font-weight: bold;" type="submit" name="post" value="送信する" class="btn" /> </div> </form> </td> </tr> <tr> <td height="21" class="entry_title"><a id="comments"></a>コメント</td> </tr> <tr> <td> <br> <BlogComments> <table border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td bgcolor="#FFFFFF" align="left" valign="top" class="entry_text"> <div class="comment_layer">{$BlogCommentBody$}</div> <div align="right" class="posted">Posted by:{$BlogCommentAuthorLink type="Url"$} at {$BlogCommentDate format="%Y年%m月%d日(%a)　%H:%M" language="jp"$}</div> <hr> </td> </tr> </table> <img src="{$BlogTmplUrl$}img/spacer.gif" width="5" height="5"> </BlogComments> </td> </tr> </table> </BlogEntryIfAllowComments>  </DIV></td> <td valign="top" width="175"> <div class="side_right">  {$feedme$}{$BlogSidebarRight$}  </div> </td> </tr> </table> <div class="page">　　 </div></td> </tr> </table>  <table width="780" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td width="435"><img src="http://img.gmo.jp/images/copyright.gif" vspace="0" alt="GMO Internet, Inc."></td> <td width="330" align="right" class="footer_jp"><a href="#">▲ ページトップへ</a></td> <td width="15"><img src="{$BlogTmplUrl$}img/space.gif" width="13" height="1"></td> </tr> </table> <table width="755" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td class="footer">{$PromoWord$}</td> </tr> </table>  <br> {$BlogAccessCounter$} </body> </html>

記事とサイドバーにスクロール付きスキン 3カラム

記事とサイドバーにスクロール付きスキン
3カラム