Seesaaで使用しているテンプレートとチューニングの要点

Seesaaで使用しているテンプレートとチューニングの要点

日時： 2009/05/31 20:04
名前： lightbox

Seesaa の場合、元となるテンプレートはホワイト(右サイドバー)を使用しています。
Seesaa と sakura の特徴ですが、記事単位で表示されても、ブログ名がタイトルの先頭に来るので変更してあります。
自分のサイトから、フレームで表示する場合もあるので、左サイドは使用せずに、右サイドのみを使用しています。

一応、1024 でちょうど表示されるように設計しており、1280 で表示すると右側に空白ができますが、フレームで
表示するとちょうど全てが綺麗に表示されるようになっています。また、絶対座標指定をすれば、空白部分にコンテンツ
を追加できると想定しています。

本体は殆ど触っておらず、BODY 直後のタイトル部分が自分仕様です。
あと、中央の最後に自分の広告を動的に埋め込む為の JavaScript を追加しています

拡張子:<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />

<% if:extra_title -%>
<title><% extra_title %> :<% blog.title %></title>
<% else -%>
<title><% blog.title %></title>
<% /if -%>

<meta name="description" content="<% blog.description | nl2br | tag_strip %>" />
<meta name="keywords" content="<% blog.keywords | oneline | tag_strip | __or__ | blog.title | oneline | tag_strip %> <% extra_keywords | oneline | tag_strip %>" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="shortcut icon" href="http://yourdomain.jp/WinOfSql.ico" />
<link rel="alternate" href="<% blog.page_url %>index.rdf" type="application/rss+xml" title="RSS" />
<% if:blog.has_foaf -%>
<link rel="meta" type="application/rdf+xml" title="FOAF" href="<% blog.page_url %>foaf.rdf" />
<% /if -%>

<SCRIPT type="text/javascript" src="http://yourdomain.jp/flex3/flashButton/flashButton.js"></SCRIPT>
<script type="text/javascript" src="http://yourdomain.jp/sh/2.0.296/shCore.js"></script>
<script type="text/javascript" src="http://yourdomain.jp/sh/2.0.296/shLegacy.js"></script>
<script type="text/javascript" src="http://yourdomain.jp/sh/2.0.296/shBrushPlain.js"></script>
<script type="text/javascript" src="http://yourdomain.jp/sh/2.0.296/shBrushJScript.js"></script>
<script type="text/javascript" src="http://yourdomain.jp/sh/2.0.296/shBrushXml.js"></script>
<script type="text/javascript" src="http://yourdomain.jp/sh/2.0.296/shBrushVb.js"></script>
<script type="text/javascript" src="http://yourdomain.jp/sh/2.0.296/shBrushSql.js"></script>
<script type="text/javascript" src="http://yourdomain.jp/sh/2.0.296/shBrushPhp.js"></script>
<script type="text/javascript" src="http://yourdomain.jp/sh/2.0.296/shBrushCss.js"></script>
<link type="text/css" rel="stylesheet" href="http://yourdomain.jp/sh/2.0.296/shCore.css"/>
<link type="text/css" rel="stylesheet" href="http://yourdomain.jp/sh/2.0.296/shThemeDefault.css"/>
<link rel="stylesheet" href="http://yourdomain.jp/blog.css" type="text/css" />
<link rel="stylesheet" href="<% css.page_url(page) %>" type="text/css" />
<script type="text/javascript">
SyntaxHighlighter.config.clipboardSwf = 'http://yourdomain.jp/sh/2.0.296/clipboard.swf';
SyntaxHighlighter.config.strings.copyToClipboardConfirmation =
 '\u30af\u30ea\u30c3\u30d7\u30dc\u30fc\u30c9\u306b\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f\u3000\u3000\u3000';
SyntaxHighlighter.defaults['auto-links'] = false;
</script>

</head>
<body>
<div id="top_1"></div>
<div id="container">
<script type="text/javascript" language="JavaScript" src="<% site_info.blog_url %>/contents/js/ad_plugin.js"></script>
<div id="banner">
<% content_header %>
</div>

<% if:have_content_left -%>
<div id="links-left">
<% content_left %>
</div>
<% /if -%>

<div id="ad1">
<iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=argusobnurd-22&o=9&p=13&l=ur1&category=music&banner=027HMG86NG83DABB2NR2&f=ifr" width="468" height="60" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0"></iframe>
<A href="http://pipa.jp/tegaki/VBlog.jsp?ID=61811&TD=5301468" target="_blank"><img id="mainimg" style='position:absolute;left:560px;top:110px;' src="http://lightbox.cocolog-nifty.com/photos/extern/1233490027937685png_s-thumb.jpg" galleryimg="no" border="1" style='border-color:#000000' alt="1233490027937685png_s"  /></a>
</div>

<div id="content">
<% content_main %>
<% if:page_name eq 'comment' -%>
<div id="comments">
<div class="comments-head">"<% article.subject | tag_break %>"へのコメント<br /></div>

<div class="comments-head">コメントを書く</div>
<form action="/pages/user/comments2/regist/input" method="post">
<input type="hidden" name="article_id" value="" />
<input type="hidden" name="article_child__article_id" value="" />
<div class="comments-body">
<% if error_code %>
<font color="#ff0000">ＥＲＲＯＲ</font> : 
<% if error_code eq '1' %>
投稿に失敗しました。
<% /if %>
<% if error_code eq '2' %>
未入力項目があります。
<% /if %>
<% if error_code eq '3' %>
認証コードのチェックに失敗しました。
<% /if %>
<% if error_code eq '4' %>
半角英数字のみのコメントは受付ません。
<% /if %>
<br />
<% /if %>

お名前: <% article_child__writer | html %><br />
<input type="hidden" name="article_child__writer" value="" /><br />
メールアドレス: <% article_child__email | html %> <br />
<input type="hidden" name="article_child__email" value="" /><br />
ホームページアドレス: <% article_child__homepage | html %><br />
<input type="hidden" name="article_child__homepage" size="50" value="" /><br />
コメント: <br />
<% article_child__body | html | nl2br | clickable('target="_blank" rel="nofollow"') %>
<input type="hidden" name="article_child__body">
<% if:blog.ignore_setting.captcha_comment -%><input type="hidden" name="captcha_comment" /><% /if -%>
<br />

<input name="posted" type="submit" class="input-submit"  value="書き込む"> <br />
</div>
</form>

<form action="/pages/user/comments2/regist/input" method="post">
<div class="comments-body">
お名前: <% if:blog.ignore_setting.fill_writer %>[必須入力]<% /if %><br />
<input type="text" name="article_child__writer" size="50" value="" /><br />
メールアドレス: <% if:blog.ignore_setting.fill_email %>[必須入力]<% /if %><br />
<input type="text" name="article_child__email" size="50" value="" /><br />
ホームページアドレス: <% if:blog.ignore_setting.fill_homepage %>[必須入力]<% /if %><br />
<input type="text" name="article_child__homepage" size="50" value="" /><br />
コメント: <% if:blog.ignore_setting.fill_body %>[必須入力]<% /if %><br />
<textarea name="article_child__body" rows="10" cols="50"></textarea><br />
<input type="hidden" name="article_child__article_id" value="" />
<input type="hidden" name="article_id" value="" />
<% if:blog.ignore_setting.captcha_comment -%>
認証コード: [必須入力]<br />
<img src="<% blog.ignore_setting.page_url_captcha_comment -%>" /><br />
<input type="text" name="captcha_comment" size="50" value="" /><br />
※画像の中の文字を半角で入力してください。<br />
<% /if -%>
<% if:blog.ignore_setting.banascii_comment -%>
<% /if -%>
<% if:article.accept_comment_permission_mode -%>
※ブログオーナーが承認したコメントのみ表示されます。<br />
<% /if -%>
<input name="need_confirm" type="submit" class="input-submit"  value="確認する" /><input name="posted" type="submit" class="input-submit"  value="書き込む" />
</div>
</form>
</div>
<% /if -%>
<% if:page_name eq 'search' -%>
<% loop:list_article %>
<div class="blog">

<h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2>

<div class="blogbody">
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>
<div class="text"><% article.entire_body | text_summary(240) %></div>
<div class="posted">posted by <% article.nickname %> at <% article.createstamp | date_format("%H:%M") -%></div>
</div>

</div>
<% /loop %>
<% /if -%>
<% if:page_name eq 'tag' -%>
<div class="tag">
<script type="text/javascript" language="javascript" src="<% site_info.blog_url %>/js/tag_cloud.js"></script>
<div id="tag_cloud"><% loop:list_tags -%><a href="<% blog.tag_url(tag) %>" class="_tag" title="<% tag.word | html %>/<% count %>"><% tag.word | html %></a> <% /loop -%></div>
<script type="text/javascript" language="javascript"><!--
tag_cloud("tag_cloud");
--></script>
<br />
<% if:tag %><div class="tag-title">タグ&nbsp;/&nbsp;<% tag.word | html %></div><% /if -%>
<br />
<% loop:list_service -%>
<div class="tag-body">
<div class="tag-service"><% tag_service.title %></div>
<div class="tag-search"><a href="<% tag_service.page_url(tag) %>" target="_blank">'<% tag.word %>'&nbsp;で全体を検索する</a></div>
<% if:tag_service.service_key eq 'articles' -%>
<% loop:list_data -%>
<div class="tag-article">
<div class="tag-article-title"><a href="<% article.page_url %>"><% article.subject %></a>&nbsp;<span class="tag-article-posted">[<% article.createstamp | date_format("%Y/%m/%d %H:%M") %>]</span></div>
<!--<div class="tag-article-summary"><% article.entire_body | text_summary(240) | tag_strip %></div>-->
</div>
<% /loop -%>
<% /if -%>
<% if:tag_service.service_key eq 'photos' -%>
<% loop:list_data -%>
<div class="tag-photos">
<% thumbnail.fix_aspect(132) # サムネイルの長辺を132で固定。固定したくない場合は削除。 -%>
<table>
<tr>
<td height="140" valign="bottom"><a href="<% photo.page_url %>" target="_blank"><img src="<% thumbnail.page_url %>" border="0" width="<% thumbnail.width %>" height="<% thumbnail.height %>" /></a></td>
</tr>
</table>
<div class="tag-photos-title"><a href="<% photo.page_url %>" target="_blank"><% photo.title | text_summary(10) %></a><br />
<% if:photo_info -%>
サイズ：<% photo_info.width %>×<% photo_info.height %><br />
<% if:photo_info.size %>容量：<% photo_info.size | filesize %><% /if %>
<% /if -%>
</div>
</div>
<% /loop -%>
<% /if -%>
<% if:tag_service.service_key eq 'audios' -%>
<% loop:list_data -%>
<div class="tag-audios">
<div class="tag-audios-title"><a href="/pages/user/upload/<% audio.page_url %>" onclick="window.open('/pages/user/upload/<% audio.page_url %>','popup','width=490,height=320,scrollbars=no,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" target="_blank"><% audio.title | text_summary(40) %></a>&nbsp;
<span class="tag-audios-posted"><% if:audio_info -%><% if:audio_info.author %>by <% audio_info.author %>&nbsp;&nbsp;<% /if %><% if:audio_info.duration %><% audio_info.duration | hms %>&nbsp;&nbsp;<% /if %><% if:audio_info.size %><% audio.size | filesize %>&nbsp;&nbsp;<% /if %><% /if -%></span></div>
</div>
<% /loop -%>
<% /if -%>
<% if:tag_service.service_key eq 'videos' -%>
<% loop:list_data -%>
<div class="tag-videos">
<table>
<tr>
<td height="140" valign="bottom"><div class="tag-videos-title"><a href="/pages/user/upload/<% video.page_url %>" onclick="window.open('/pages/user/upload/<% video.page_url %>','popup','width=480,height=550,scrollbars=no,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" target="_blank"><img src="<% thumbnail.page_url %>" width="132" border="0" /></a></div></td>
</tr>
</table>
<div class="tag-videos-title"><a href="/pages/user/upload/<% video.page_url %>" onclick="window.open('/pages/user/upload/<% video.page_url %>','popup','width=480,height=550,scrollbars=no,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" target="_blank"><% video.title | text_summary(15) %></a><br />
<% if:video_info -%>
<!--<% if:video_info.author %>by <% video_info.author %><br /><% /if %>-->
時間：<% if:video_info.duration %><% video_info.duration | hms %><% /if %><br />
容量：<% video.size | filesize %><br />
<% /if -%>
</div>
</div>
<% /loop -%>
<% /if %>
<% if:tag_service.service_key eq 'files' -%>
<% loop:list_data -%>
<div class="tag-files">
<div class="tag-files-title"><a href="/pages/user/upload/<% file.page_url %>" target="_blank"><% file.title | text_summary(15) %></a></div>
</div>
<% /loop -%>
<% /if -%>
<% if:pager -%>
<div class="tag-navi">
<% if:pager.previous_page %><a href="?page=<% pager.previous_page %>"><% /if %>≪前へ<% if:pager.previous_page %></a><% /if %>&nbsp;&nbsp;<% if:pager.next_page %><a href="?page=<% pager.next_page %>"><% /if %>次へ≫<% if:pager.next_page %></a><% /if %>
</div>
<% else -%>
<div class="tag-more"><a href="<% blog.tag_url(tag, tag_service.service_key) %>">≫もっと見る</a></div>
<% /if -%>
</div>
<% /loop -%>
</div>
<% /if -%>
</div>

<SCRIPT type="text/javascript">
try {
var bloglist = document.getElementById("bloglist");
var blogtxtbase = bloglist.getElementsByTagName("DIV")[0];
var blogtxt = bloglist.getElementsByTagName("DIV")[1];
blogtxtbase.insertBefore(document.getElementById("ad3"),blogtxt);
}
catch(e){}
</SCRIPT>

<% if:have_content_right -%>
<div id="links" style='margin-top:-10px;'>
<% content_right %>
</div>
<% /if -%>

<div id="footer">
<% content_footer -%>
</div>

</div>

</body>
</html>

記事用 ( No.1 )

日時： 2009/05/18 13:09
名前： lightbox

このテンプレートの変更のポイントは、広告をタイトルの下に挿入する為、全体のブロック
をJavaScript で参照しやすいように id を付加する事です

拡張子:<div class="blog" id="bloglist">


また、記事単位で管理画面にジャンプできるようにしています
( 管理画面側でそのブログがカレントになっている必要があります )
拡張子:<div class="posted">posted by 
<script type="text/javascript">
 var strno = '<% article.page_url %>';
 strno.match( /article\/([^\.]+).html/ );
 document.write( '<a href="http://blog.seesaa.jp/pages/my/blog/article/edit/input?id=');
 document.write( RegExp.$1+'" target="_blank"><% article.nickname %></a>' );
</script>
 at <% article.createstamp | date_format("%H:%M") -%>


拡張子:<% content.header -%>
<!-- Content -->
<% if:page_name eq 'index' -%>
<% if:pager.need_pager -%>
<div class="navi">
<% if:pager.previous_page %>
<a href="<% blog.page_url(pager.previous_page) | html %>">&lt;&lt;前の<% blog.index_page_cnt %>件</a><% else %>-<% /if %>&nbsp;
<% loop:list_pager %><% if:pager.show_previous_group(pager_number,5) %>..<% /if %><% if:pager.show_page(pager_number,5) %> <% if:current_page ne pager_number %><a href="<% blog.page_url(pager_number)%>"><% /if %><% pager_number %><% if:current_page ne pager_number %></a><% /if %><% /if %><% if:pager.show_next_group(pager_number,5) %>..<% /if %><% /loop %>
&nbsp;<% if:pager.next_page %><a href="<% blog.page_url(pager.next_page) %>">次の<% blog.index_page_cnt %>件&gt;&gt;</a><% else %>-<% /if %>
</div>
<% /if -%>
<% /if -%>
<% if:page_name eq 'article' -%>
<div class="navi">
<% if:previous_article -%><a href="<% previous_article.page_url %>">&lt;&lt;</a> <a href="<% previous_article.page_url %>"><% previous_article.subject | tag_break %></a> | <% /if -%>
<a href="<% blog.page_url %>">TOP</a>
<% if:next_article -%> | <a href="<% next_article.page_url %>"><% next_article.subject | tag_break %></a> <a href="<% next_article.page_url %>">&gt;&gt;</a><% /if -%>
</div>
<% /if -%>
<% if:page_name eq 'archive' -%>
<div class="navi">
<% if:archive_page_name eq 'month' -%>
<% if:previous_archive -%><a href="<% previous_archive.page_url %>">&lt;&lt;</a> <a href="<% previous_archive.page_url %>"><% previous_archive.createstamp | date_format("%Y年%m月") %></a> | <% /if -%><a href="<% blog.page_url %>">TOP</a><% if:next_archive -%> | <a href="<% next_archive.page_url %>"><% next_archive.createstamp | date_format("%Y年%m月") %></a> <a href="<% next_archive.page_url %>">&gt;&gt;</a><% /if %>
<% /if %>
<% if:archive_page_name eq 'mday' %><% /if -%>
</div>

<% if:archive_page_name eq 'month' -%>
<% if:pager.need_pager -%>
<div class="navi">
<% if:pager.previous_page %><a href="<% archive.page_url(pager.previous_page) %>">&lt;&lt;</a><% else %>-<% /if %><% loop:list_pager %><% if:pager.show_previous_group(pager_number,5) %>..<% /if %><% if:pager.show_page(pager_number,5) %> <% if:current_page ne pager_number %><a href="<% archive.page_url(pager_number)%>"><% /if %><% pager_number %><% if:current_page ne pager_number %></a><% /if %><% /if %><% if:pager.show_next_group(pager_number,5) %>..<% /if %><% /loop %> <% if:pager.next_page %><a href="<% archive.page_url(pager.next_page) %>">&gt;&gt;</a><% else %>-<% /if %>
</div>
<% /if -%>
<% /if -%>

<% /if -%>
<% if:page_name eq 'category' -%>
<div class="navi">
<a href="<% blog.page_url %>">TOP</a> / <% category.name %>
</div>
<% if:pager.need_pager -%>
<div class="navi">
<% if:pager.previous_page %><a href="<% category.page_url(pager.previous_page) %>">&lt;&lt;</a><% else %>-<% /if %><% loop:list_pager %><% if:pager.show_previous_group(pager_number,5) %>..<% /if %><% if:pager.show_page(pager_number,5) %> <% if:current_page ne pager_number %><a href="<% category.page_url(pager_number)%>"><% /if %><% pager_number %><% if:current_page ne pager_number %></a><% /if %><% /if %><% if:pager.show_next_group(pager_number,5) %>..<% /if %><% /loop %> <% if:pager.next_page %><a href="<% category.page_url(pager.next_page) %>">&gt;&gt;</a><% else %>-<% /if %>
</div>
<% /if -%>
<% /if -%>

<% loop:list_article -%>

<div class="blog" id="bloglist">

<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
         xmlns:Trackback="http://madskills.com/public/xml/rss/module/Trackback/"
         xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description
    rdf:about="<% article.page_url | xml %>"
    trackback:ping="<% article.tb_url | xml %>"
    dc:title="<% article.subject | nl2br | tag_strip | xml | inside_comment %>"
    dc:identifier="<% article.page_url | xml %>"
    dc:description="<% article.get_excerpt | nl2br | tag_strip | xml | inside_comment | text_summary(240) %>"
    dc:creator="<% article.nickname | nl2br | tag_strip | xml | inside_comment %>"
    dc:subject="<% article_category.name | nl2br | tag_strip | xml | inside_comment %>"
    dc:date="<% article.createstamp | date_format("%Y-%m-%dT%H:%M:%S+09:00") %>"
/>
</rdf:RDF>
-->
<% if:with_date %><h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2><% /if %>
<div class="blogbody">
<br><h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3><br style='line-height:12px;'>
<% if:page_name eq 'article' -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.entire_body | bodyfilter(article_info,blog) %><% if:list_tag %><div class="tag-word">タグ：<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>
<% else -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.first_body | bodyfilter(article_info,blog) %><% if:list_tag %><div class="tag-word">タグ：<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>
<% /if -%>
<% if:blog.bookmark_service %>
<script type="text/javascript" language="javascript" charset="utf-8"><!--
seesaa_bookmark_services = "<% blog.bookmark_service %>";
seesaa_article_page_url = "<% article.page_url %>";
seesaa_article_subject = "<% article.subject | jsescape | tag_strip %>";
seesaa_blog_url = "<% site_info.blog_url %>";
//--></script>
<script type="text/javascript" language="JavaScript" charset="utf-8" src="<% site_info.blog_url %>/js/bookmark.js"></script>
<% /if %>
<% if:list_category_article -%>
<div class="listCategoryArticle">
【<% article_category.name %>の最新記事】<br />
<ul>
<% loop:list_category_article %>
<li><a href="<% article.page_url %>"><% article.subject | text_summary(20) %></a></li>
<% /loop %>
</ul>
</div>
<% /if %>
</div>
<div class="posted">posted by 
<script type="text/javascript">
 var strno = '<% article.page_url %>';
 strno.match( /article\/([^\.]+).html/ );
 document.write( '<a href="http://blog.seesaa.jp/pages/my/blog/article/edit/input?id=');
 document.write( RegExp.$1+'" target="_blank"><% article.nickname %></a>' );
</script>
 at <% article.createstamp | date_format("%H:%M") -%> <% if:article_weather -%>
| <% article_weather.state %> <% article_weather.weather_emoji -%>
<% /if -%>
<% if:diet_log -%>
| <% if:diet_log.condition == -2 %>絶不調<img src="<% site_info.blog_url %>/img/icon/5.gif" width="16" height="17" border="0" alt="絶不調" align="absmiddle" /><% /if -%>
<% if:diet_log.condition == -1 %>不調<img src="<% site_info.blog_url %>/img/icon/4.gif" width="16" height="17" border="0" alt="不調" align="absmiddle" /><% /if -%>
<% if:diet_log.condition == 0 %>普通<img src="<% site_info.blog_url %>/img/icon/3.gif" width="16" height="17" border="0" alt="普通" align="absmiddle" /><% /if -%>
<% if:diet_log.condition == 1 %>好調<img src="<% site_info.blog_url %>/img/icon/2.gif" width="16" height="17" border="0" alt="好調" align="absmiddle" /><% /if -%>
<% if:diet_log.condition == 2 %>絶好調<img src="<% site_info.blog_url %>/img/icon/1.gif" width="16" height="17" border="0" alt="絶好調" align="absmiddle" /><% /if -%>
<% /if -%>
<% if:article.accept_comment_show -%>
| <a href="<% article.page_url %>#comment">Comment(<% article.children_count | __or__ | echo('0') %>)</a>
<% /if -%>
<% if:article.accept_tb_show %>
| <a href="<% article.page_url %>#trackback">TrackBack(<% article.tb_count | __or__ | echo('0') %>)</a>
<% /if -%>
<% if:style.disp_category %>| <a href="<% article_category.page_url %>"><% article_category.name %></a><% /if %>
<% if:blog.fan_setting.accept_fan %>| <a href="<% blog.fan_regist_url %>" title="このブログの読者になる"><img src="<% site_info.blog_url %>/img/fan_read.gif" alt="このブログの読者になる" border="0" /></a><% /if %>
| <a href="<% blog.fan_blog_reader_url %>" title="更新情報をチェックする"><img src="<% site_info.blog_url %>/img/fan_received.gif" alt="更新情報をチェックする" border="0" /></a>
</div>
<br><!--spc--><br>
</div>

</div>
<% /loop -%>
<% if:page_name eq 'category' -%>
<% if:pager.need_pager -%>
<div class="navi">
<% if:pager.previous_page %><a href="<% category.page_url(pager.previous_page) %>">&lt;&lt;</a><% else %>-<% /if %><% loop:list_pager %><% if:pager.show_previous_group(pager_number,5) %>..<% /if %><% if:pager.show_page(pager_number,5) %> <% if:current_page ne pager_number %><a href="<% category.page_url(pager_number)%>"><% /if %><% pager_number %><% if:current_page ne pager_number %></a><% /if %><% /if %><% if:pager.show_next_group(pager_number,5) %>..<% /if %><% /loop %> <% if:pager.next_page %><a href="<% category.page_url(pager.next_page) %>">&gt;&gt;</a><% else %>-<% /if %>
</div>
<% /if -%>
<% /if -%>

<% if:page_name eq 'archive' -%>
<% if:archive_page_name eq 'month' -%>
<% if:pager.need_pager -%>
<div class="navi">
<% if:pager.previous_page %><a href="<% archive.page_url(pager.previous_page) %>">&lt;&lt;</a><% else %>-<% /if %><% loop:list_pager %><% if:pager.show_previous_group(pager_number,5) %>..<% /if %><% if:pager.show_page(pager_number,5) %> <% if:current_page ne pager_number %><a href="<% archive.page_url(pager_number)%>"><% /if %><% pager_number %><% if:current_page ne pager_number %></a><% /if %><% /if %><% if:pager.show_next_group(pager_number,5) %>..<% /if %><% /loop %> <% if:pager.next_page %><a href="<% archive.page_url(pager.next_page) %>">&gt;&gt;</a><% else %>-<% /if %>
</div>
<% /if -%>
<% /if -%>
<% /if -%>
<% if:page_name eq 'index' -%>
<% if:pager.need_pager -%>
<div class="navi">
<% if:pager.previous_page %>
<a href="<% blog.page_url(pager.previous_page) | html %>">&lt;&lt;前の<% blog.index_page_cnt %>件</a><% else %>-<% /if %>&nbsp;
<% loop:list_pager %><% if:pager.show_previous_group(pager_number,5) %>..<% /if %><% if:pager.show_page(pager_number,5) %> <% if:current_page ne pager_number %><a href="<% blog.page_url(pager_number)%>"><% /if %><% pager_number %><% if:current_page ne pager_number %></a><% /if %><% /if %><% if:pager.show_next_group(pager_number,5) %>..<% /if %><% /loop %>
&nbsp;<% if:pager.next_page %><a href="<% blog.page_url(pager.next_page) %>">次の<% blog.index_page_cnt %>件&gt;&gt;</a><% else %>-<% /if %>
</div>

<% /if -%>
<% /if -%>


<% if:page_name eq 'article' -%>
<% if:individual_article.accept_comment_show -%>
<!--div id="comments">

<a name="comment"></a>

<div class="comments-head">この記事へのコメント</div>

<% loop:list_individual_article_children -%>
<div class="comments-body">
<div class="text"><% comment.body | html | tag_strip | nl2br | clickable('target="_blank" rel="nofollow"') %></div>
<div class="comments-post">Posted by <% if:comment.homepage %><a href="<% comment.homepage | html | tag_strip %>" target="_blank" rel="nofollow"><% comment.writer | html | tag_strip %></a><% else %><% comment.writer | html | tag_strip %><% /if %> at <% comment.createstamp | date_format('%Y年%m月%d日 %H:%M') %><br /></div>
</div>
<% /loop -%>
<% if:individual_article.accept_comment_catch -%>
<div class="comments-head">コメントを書く</div>
<form action="<% blog.page_url %>pages/user/comments2/regist/input" method="post">
<div class="comments-body">
お名前: <% if:blog.ignore_setting.fill_writer %>[必須入力]<% /if %><br />
<input type="text" name="article_child__writer" size="50" value="" /><br />
メールアドレス: <% if:blog.ignore_setting.fill_email %>[必須入力]<% /if %><br />
<input type="text" name="article_child__email" size="50" value="" /><br />
ホームページアドレス: <% if:blog.ignore_setting.fill_homepage %>[必須入力]<% /if %><br />
<input type="text" name="article_child__homepage" size="50" value="" /><br />
コメント: <% if:blog.ignore_setting.fill_body %>[必須入力]<% /if %><br />
<textarea name="article_child__body" rows="10" cols="45"></textarea><br />
<input type="hidden" name="article_child__article_id" value="<% individual_article.id %>" />
<input type="hidden" name="article_id" value="<% individual_article.id %>" />
<% if:blog.ignore_setting.captcha_comment -%>
認証コード: [必須入力]<br />
<img src="<% blog.ignore_setting.page_url_captcha_comment -%>" /><br />
<input type="text" name="captcha_comment" size="50" value="" /><br />
※画像の中の文字を半角で入力してください。<br />
<% /if -%>
<% if:individual_article.accept_comment_permission_mode -%>
※ブログオーナーが承認したコメントのみ表示されます。<br />
<% /if -%>
<% if:blog.ignore_setting.banascii_comment -%>
<% /if -%>
<input name="need_confirm" type="submit" class="input-submit"  value="確認する" /><input name="posted" type="submit" class="input-submit"  value="書き込む" />
</div>
</form>
<% /if -%>
</div-->
<% /if -%>

<% if:individual_article.accept_tb_show -%>
<div id="trackback">
<% if:individual_article.accept_tb_catch -%>
この記事へのトラックバックURL<br /><% individual_article.tb_url %><br />
<% if:individual_article.accept_tb_permission_mode -%>
※ブログオーナーが承認したトラックバックのみ表示されます。<br />
<% /if -%>
<% if:blog.ignore_setting.tb_link_lookup -%>
※言及リンクのないトラックバックは受信されません。<br />
<% /if -%>
<% if:blog.ignore_setting.banascii_tb -%>
<% /if -%>
<% /if %>
<hr />
この記事へのトラックバック<br />
<% loop:list_individual_article_tb -%>
<hr />
<a href="<% tb.url %>" target="_blank" rel="nofollow"><% tb.title | html %></a><br />
Excerpt: <% tb.excerpt | text_summary | html %><br />
Weblog: <% tb.blog_name | html %><br />
Tracked: <% tb.createstamp | date_format('%Y-%m-%d %H:%M') %><br />
<% /loop -%>
</div>
<% /if -%>


<% /if -%>
<!-- /Content -->
<% content.footer -%>

記事下自由形式 ( No.2 )

日時： 2009/05/16 19:58
名前： lightbox

広告の本体です。記事が全て表示された後にJavaScript で移動します。
ここでは、一つですが、特定の記事毎に複数挿入可能です。

拡張子:<div id="ad3" style='margin-left:0px;BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 8px; MARGIN-BOTTOM: 25px; PADDING-BOTTOM: 8px; BORDER-LEFT: #a0a0a0 1px solid; PADDING-TOP: 8px; BORDER-BOTTOM: #a0a0a0 1px solid; TEXT-ALIGN: left"'>
<TABLE>
<tr>
<td valign=top>

広告

</td>
<td valign=top style='padding:20px;width:240px;'>

<div style='float:right;'>
広告
</div>

</td>
</tr>
</TABLE>
</div>

フッターリンク ( No.3 )

日時： 2009/05/16 18:49
名前： lightbox

拡張子:<br><br>
<div class="btitle"><% content.title %></div>
<% content.header -%>
<div class="side">
<table>
<% loop:list_link -%>
<tr><td style='vertical-align:middle;'><img style='margin-right:4px;' src="http://winofsql.jp/image/sab.gif" border="0"></td><td><a style='font-size:12px;' href="<% content_link.url %>" <% if:content_link.target %>target="_blank"<% /if %>><% content_link.title %></a></td></tr>
<% /loop -%>
</table>
<% content.footer -%>
</div>

ブログ説明 ( No.4 )

日時： 2009/05/18 13:03
名前： lightbox

タグへのリンク場所を考えていて、とりあえずここ使えるので使ってます

拡張子:トラブルやらその回避方法やら最適化やら<br><a style='color:#D0D0D0' href="http://logicalerror.seesaa.net/tag/%83%8C%83A">タグリンク</a>

blog.css ( Seesaa/さくら用 ) ( No.5 )

日時： 2009/06/24 11:54
名前： lightbox

虫眼鏡アイコンをクリックすると、使用している画像が表示されます。
( もう一度クリックすると、元に戻ります )

拡張子:/****************************************************/
h5 {
	width: 400px;
	font-size: 12px;
	line-height: 30px;
	border-style: solid;
	border-width: 1px;
	border-color: #9192A3;
	height: 30px;
	padding-left: 10px;
	background: url() repeat-x 0px 0px;
}


#mainimg {
	border-style:solid;
	border-width:1px;
	border-color:#000000;
}

A {
	text-decoration:none!important;
}

h2 {
	background: url()!important;
	background-repeat:no-repeat!important;
	background-position:top left!important;
}

.title {
	border-style:solid;
	border-width:1px;
	border-color:#E1E1E1;
	padding: 6px 0px 8px 8px!important; 
	background:url() repeat-x 0 0;

}

#banner{
	background: url()
	repeat-y 0px 0px!important;
}

.text2 {
	border-style:solid;
	border-width:1px;
	border-color:#E1E1E1;
	padding:5px;
}

.syntaxhighlighter div,.syntaxhighlighter span,.syntaxhighlighter code {
	font-size:12px!important;
	font-family: "ＭＳ Ｐゴシック"!important;
}
.syntaxhighlighter {
	padding:5px!important;
	background-color:#FFFFFF!important; 
	border-style:solid!important;
	border-color:#808080!important;
	border-width:1px!important;
}

.text img {
	margin-bottom:15px;
}

.btitle {
	font-size:12px;
	font-weight:bold;
	padding: 0 0 0 10px;
	padding-left:10px;
	line-height:26px;
	height: 26px;
	color:black;
	border-style:solid;
	border-width:1px;
	border-color:#9192A3;
	text-align:left;
	width:98%;
	background:url() repeat-x 0px 0px;
}

.btitle a {
	color:navy;
}

#footer .side {
	margin-top:5px;
}

.side TD {
	padding-bottom:6px;
	vertical-align:bottom;
}
/****************************************************/




h4 {
	font-size: 12px;
	line-height: 30px;
	border-style: solid;
	border-width: 1px;
	border-color: #9192A3;
	height: 30px;
	padding-left: 10px;
	background: url() repeat-x 0px 0px;
}

.name {
	position:relative;
	top:12px;
	font-size:16px;
	font-weight:bold;

}

.blog {
	border-style:solid;
	border-width:0 1px 0 0;
	border-color:#D0D0D0;
}

.sidetitle {
	color:#d0d0d0;
	font-size:12px;
	padding: 0 0 0 20px;
	line-height:22px;
	height: 22px;

	border-style:solid;
	border-width:1px;
	border-color:#D0D0D0;
	background:url() no-repeat;

}

#alist {
	font-size:12px;
	font-weight:bold;
	padding: 0 0 0 10px;
	padding-left:10px;
	line-height:26px;
	height: 26px;
	color:black;
	border-style:solid;
	border-width:1px;
	border-color:#9192A3;
	text-align:left;
	width:700px;
	background:url() repeat-x 0px 0px;
}

#ad1 {
	width:950px;
	height:20px;
}

#top_1 {
	background: url() repeat-x 0px 0px;
	border: 0px solid red;
	height: 22px;
	width:950px;
}

.this {
	font-family: "ＭＳ Ｐゴシック","Consolas", "Courier New", Courier, mono, serif;
	font-size: 12px;
	width: 95%;
	border-width: 1px;
	border-style: solid;
	border-color: #A0A0A0;
	background-color: #EAEAEA;
	padding-left: 15px;
	padding-right: 7px;
	padding-top: 10px;
	padding-bottom: 7px;
	color: #000000;
	border-left: 3px solid #6CE26C!important;
	line-height:18px;
}

body {
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	padding:0px;
	margin: 0px auto 0px auto;
}

#container{
	text-align:left;
	margin: 0px 0px 0px 0px;
	width: 950px;
}

#banner{
	width:950px;
	font-family:arial, Helvetica;
	text-align:right;
	margin-left:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	height: 80px;
	background: url()
	repeat-y 0px 0px;
}

h1 {
	line-height:1.2em;
	font-weight:bolder;
	font-size:20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 20px;
}

h1 a{
	color:#F0F0F0;
	font-family:arial, Helvetica;
	text-decoration: none;
	font-weight:bolder;
	margin-top:0px;
}

h2 {
	font-size:12px;
	font-weight:bolder;
	font-family:arial, Helvetica;
	margin:0px;
	padding-bottom:0px;
	background-image:url();
	background-repeat:no-repeat;
	background-position:top left;
}

h3 {
	font-size:12px;
	font-weight:bolder;
	font-family:arial, Helvetica;
	margin-right:0px;
	margin-bottom:5px;
	text-align: left;
	padding: 0px;
	margin-left: 0px;
}

h3 a{
	margin-left:0px;
	font-weight:bolder;
	text-align: left;
	margin-right: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.description {
	display:-moz-inline-box;
	-moz-box-align: right;
	display: inline-block;

	color:#D0D0D0;
	font-size:12px;
	font-family:sans-serif;
	padding:0px;
	padding-right:0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	width:300px;
}


.navi {
	color:#1A4876;
	font-size:10px;
	text-align:left;
	margin-top:40px;
	margin-bottom:0px;
	margin-right:0px;
	padding-left:37px;
	padding-right:0px;
}

.navi a {
	font-size:10px;
	color:#1A4876;
}

.navi a:hover{
	font-size:10px;
	color:#1A4876;
	text-decoration: none;
}

#content {
	margin-top:0px;
	margin-bottom:30px;
	float:left;
	width:700px;
	color:#746659;
	text-align:left;
	margin-left: 0px;
	margin-right: 20px;

}

.blog {
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:30px;

}

.blogbody {
	line-height:1.5em;
	padding-top:0px;
	padding-left:0px;
	padding-right:20px;
	margin-top:0px;
}

.date{
	text-align:left;
	font-size: 14px; 
	color:#1A4876;
	padding-left:48px;
	padding-top: 32px;
	padding-bottom:15px;
	font-weight:bolder;
	margin-top:20px;
	margin-bottom:0px;
	margin-left:0px;
}

.title{
	font-weight:bolder;
	padding-right:0px;
	padding-left:0px;
	padding-top:10px;
	padding-bottom:10px;
	text-align: left;
	margin: 0px;
}

.title a{
	padding-right:0px;
	font-size: 18px;
	font-weight:bolder;
	color:#0F0F0F;
	border:none;
	text-decoration: none;
	text-align: left;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
}

.text{
	text-align:left;
	font-size: 14px;
	color: #0F0F0F;
	padding:0px 0px 5px 0px;
}

.text a {
	text-align:left;
	color:#A7002F;
}

.posted{
	font-size: 10px;
	color:#999999;
	padding-top:1px;
	padding-right:5px;
	padding-right:5px;
	padding-left:0px;
	padding-bottom:1px;
	margin-top:20px;
	margin-bottom:25px;
	text-align:left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

.posted a {
	color:#999999;
}

.posted a:hover{
	color:#999999;
	text-decoration: none;
}

#links-left {
}

#links {
	font-weight:normal;  
	width:216px;
	float:left;
	text-align:left;
	margin-top:20px;
	margin-left:0px;
}



.side {
	color:#0F0F0F;
	font-size:12px;
	font-weight:normal;
	line-height:140%;
	padding:3px 8px 0px 10px;
	margin-bottom:10px;
}

.side a {
	color:#A7002F;
}

.side a:hover{
	text-decoration: none;
}

.powered {
	line-height:120%;
	margin-left:50px;
}


.admin {
	font-size:12px;
	padding:10px 10px 10px 10px;
	padding-bottom:20px;
	text-align:left;
	font-weight:bolder;
}

.admin a{
	color:#1A4876;
	text-decoration: none;
}

.admin a:hover{
	text-decoration: none;
}


#footer{
	clear:left;
	text-align:left;
	padding-top:25px;
	padding-bottom:50px;
	padding-left:0px;
	margin-top:0px;
	margin-bottom:0px;
}

.copyright{
	font-size:12px;
	width:100%;
	text-align:center;
}


textarea {
	margin-left: 0px;
}


/******************************************** trackback ********/
#trackback {
	font-size: 12px;
	color:#666666;
	padding:7px 5px 7px 8px;
	margin-left:48px;
	margin-bottom:10px;
	margin-top:10px;
	width:450px;
}

#trackback a {
	color:#000099;
}

/******************************************** comments ********/
#comments {
	color:#6F3A31;
	margin-top:10px;
	margin-left:30px;
	margin-right: 20px;
}

#comments  form{
	color:#6F3A31;
	margin-top:0px;
	padding-left:0px;
	padding-right:10px;
}

#comments  input{
	max-width:400px;
	margin-left: 0px;
}

.comments-head{
	color:#666666;
	font-weight:bolder;
	font-size: 12px;
	padding-top:0px;
	padding-bottom:10px;
	padding-left:27px;
	padding-right:10px;
}

.comments-body {
	line-height:1.5em;
	font-size: 12px;
	color:#666666;
	padding-left:26px;
	padding-right:0px;
	margin-bottom:10px;
}

.comments-post{ 
	font-size: 10px; 
	color:#999999;
	text-align:left;
	padding:10px 20px 10px 0px;
}

.comments-post a { 
	color:#A7002F
}

/******************************************** calendar ********/
#calendar {
	font-weight:normal;
	padding-top:0px;
	height: 158px;
	margin-bottom: 17px;
}

#calendar table {
	width:188px;
	margin-left: 14px;
}

#calendar th {
	font-size:10px;
	padding-top:2px;
	padding-right:1px;
	padding-bottom:3px;
	padding-left:1px;
	color:#999999;
	text-align:center;
}

#calendar td {
	font-size:10px;
	padding-top:3px;
	padding-right:1px;
	padding-bottom:6px;
	padding-left:2px;
	color:#999999;
	text-align:center;
}

#calendar td  a{
	color:#1A4876;
}

#calendar td  a:hover{
	color:#1A4876;
	font-weight:bolder;
	text-decoration: none;
}

.calendarhead {
	color:#1A4876;
	font-size:12px;
	font-weight:bolder;
	text-align:left;
	padding: 12px 10px 7px 20px;
}

.calendarday {
	font-size:10px;
	font-weight:normal;
	color:#FFFFFF;
	padding:4px 0px 0px 0px ;
	text-align:center;
}


/******************************************** syndicate ********/
.syndicate {
	font-size:10px;
	padding-top:10px;
	padding-left:10px;
	text-align:left;
	font-weight:bolder;
}

.syndicate a{
	color:#1A4876;
	text-decoration: none;
	font-weight:bold;
}

.syndicate a:hover{
	text-decoration: none;
}


/******************************************** tag ********/
.tag-word{
margin:20px 0px 0px 0px;
line-height:1.4em;
}
.tag{
padding:10px;
position:relative;
margin-top:100px;
margin-left:15px;
}
#tag_cloud{
border:1px solid #CCC;
padding:10px;
text-align:left;
position:relative;
}
#tag_cloud a {
padding:2px;
}
.tag-title{
font-size:16px;
font-weight:bold;
text-align:left;
}
.tag-body{
margin:10px 0px;
padding:10px 0px 0px 0px;
position:relative;
}
.tag-service{
text-align:left;
font-weight:bold;
border-bottom:1px solid #CCC;
padding:0px 0px 5px 0px;
clear:left;
position:relative;
}
.tag-search{
text-align:right;
padding:5px 0px;
margin-bottom:10px;
font-weight:bold;
position:relative;
}
.tag-search a{
font-size: 12px;
}

.tag-article{
padding:0px 10px 10px 10px;
text-align:left;
position:relative;
}
.tag-article-title{
text-align:left;
padding:0px 0px 5px 0px;
font-weight:bold;
position:relative;
}

.tag-article-title a{
font-size: 12px;
}

.tag-article-posted{
font-weight:normal;
position:relative;
font-size: 12px;
}
.tag-article-summary{
padding:0px 10px;
line-height:1.4em;
position:relative;
}
.tag-more{
text-align:right;
margin:10px 0px;
clear:left;
position:relative;
}
.tag-more a{
font-size: 12px;
}


.tag-photos{
float:left;
margin:10px;
position:relative;
width:140px;
height:200px;
}
.tag-photos-title{
line-height:1.4em;
padding:5px 0px;
text-align:left;
position:relative;
}
.tag-audios{
margin:5px;
position:relative;
}
.tag-audios-title{
text-align:left;
font-weight:bold;
padding:0px 0px 5px 0px;
position:relative;
}
.tag-audios-posted{
font-weight:normal;
position:relative;
}
.tag-videos{
float:left;
margin:10px;
position:relative;
}
.tag-videos-title{
line-height:1.4em;
padding:5px 0px;
text-align:left;
position:relative;
}
.tag-navi{
clear:left;
text-align:center;
margin:10px 0px;
position:relative;
}

Seesaa 設定 ( No.6 )

日時： 2009/05/18 13:14
名前： lightbox

■ ブログ設定
	共通ヘッダー : 表示しない 

■ 記事設定
	キーワードマッチ : 無効
	※ 広告を表示しません

■ 広告設定
	60日間更新が無い場合 : 広告を表示しない 

■ CSS
	/* */ を更新する
	からっぽだと更新できないので、上記一行を入れています。
	どうしても、そのブログ特有の CSS が必要になった時に追加で記述します

プライバシーポリシー