
Seesaaブログ新デザインシステムのテンプレート「シンプルA. ホワイト 右カラム」をカスタマイズしたので、コンテンツHTMLの記述を全部書き出します。
Seesaaブログでデモブログを作っています。記述内容(実際にどのように動くのか)はデモブログでご確認ください。
デモブログの紹介
コンテンツHTMLの記述(すべて)
<!-- コンテンツ「過去ログ」-->
<% if:parts_name == 'archives' # START parts -%>
<section class="module module--backlog">
<p class="module__heading2"><% parts.title -%></p>
<script type="text/javascript">
<!--
function ChangeArchive (sel) {
if (sel.options[sel.selectedIndex].value != "") {
location.href = sel.options[sel.selectedIndex].value;
}
}
-->
</script>
<div class="module__body">
<form method="get" action="">
<select name="MonthArchive" onchange="ChangeArchive(this)" class="side-pull" size="4">
<option value="">「月」を選択して下さい</option>
<% loop:list_archives -%>
<% if:archives.article_count -%>
<option value="/archives/<% archives.createstamp | date_format("%Y%m") -%>-1.html">●<% archives.createstamp | date_format("%Y年%m月") -%> (<% archives.count -%>)</option>
<% /if -%>
<% /loop -%>
</select>
</form>
</div>
</section>
<% /if:parts_name == 'archives' # END parts -%>
<!-- コンテンツ「最近の記事」-->
<% if:parts_name == 'recent_article' # START parts -%>
<section class="module module--recent-entry">
<p class="module__heading2"><% parts.title -%></p>
<div class="side-waku">
<div class="module__body">
<ul class="recent-entry">
<% loop:list_article -%>
<li class="recent-entry__item">
<a href="<% article.page_url -%>">
<% if:article.first_image -%>
<p class="recent-entry__thumbnail"><img src="<% article.first_image.page_url_thumbnail -%>" alt="" /></p>
<% /if -%>
<h2 class="recent-entry__title">
<% if:article.first_image -%>
<% article.subject | tag_strip | shorten(82) | mark_raw -%>
<% else -%>
<% article.subject | tag_strip | shorten(82) | mark_raw -%>
<% /if -%>
</h2>
<!--<p class="recent-entry__body">
<% if:article.first_image -%>
<% article.body | tag_strip | shorten(50) | mark_raw -%>
<% else -%>
<% article.body | tag_strip | shorten(70) | mark_raw -%>
<% /if -%>
</p>-->
</a>
</li>
<% /loop -%>
</ul>
</div>
</div>
</section>
<% /if:parts_name == 'recent_article' # END parts -%>
<% if:parts_name == 'recent_comment' # START parts -%>
<section class="module module--recent-comment">
<p class="module__heading"><% parts.title -%></p>
<div class="module__body">
<% if:recent_comment_type == 0 -%>
<% loop:list_article_child -%>
<p><a href="<% article_child.article.page_url -%>#comment"><% article_child.article.subject | tag_strip -%></a><span> by <% article_child.writer | tag_strip -%> (<% article_child.createstamp | date_format('%m/%d') -%>)</span></p>
<% /loop -%>
<% /if -%>
<% if:recent_comment_type == 1 -%>
<% loop:list_article -%>
<p><a href="<% article.page_url -%>#comment"><% article.subject | html | tag_strip -%></a></p>
<% loop:list_article_child -%>
<p>⇒ <% article_child.writer | html | tag_strip -%> (<% article_child.createstamp | date_format('%m/%d') -%>)</p>
<% /loop -%>
<% /loop -%>
<% /if -%>
</div>
</section>
<% /if:parts_name == 'recent_comment' # END parts -%>
<!-- コンテンツ「ブログ内検索」-->
<% if:parts_name == 'article_search' # START parts -%>
<section class="module module--search">
<p class="module__heading2"><% parts.title -%></p>
<div class="module__body">
<form method="get" action="<% blog.page_url -%>/search" class="search">
<input name="keyword" type="text" placeholder="ブログ内検索" class="search__text">
<input value="検索" type="submit" class="search__submit">
</form>
</div>
</section>
<% /if:parts_name == 'article_search' # END parts -%>
<% if:parts_name == 'blog_category' # START parts -%>
<section class="module module--blog-category">
<p class="module__heading"><% parts.title -%></p>
<div class="module__body">
<% if blog_category -%>
<div><img src="<% site_info.blog_url -%>/img/bc_category.gif" width="15" height="11" /> カテゴリ:<a href="<% blog_category.page_url_contents_new -%>" target="_blank"><% blog_category.name | html -%></a></div>
<div>
<% if blog.rank_no_in_blog_category -%><br />
<img src="<% site_info.blog_url -%>/img/bc_crown.gif" width="15" height="11" /> 人気ランキング<br />
<% blog.rank_no_in_blog_category -%>位 / <% blog_category.max_rank_no -%>ブログ中<br /><% /if -%>
</div>
<div align="right"><a href="<% blog_category.page_url_contents_popular -%>">人気ランキング一覧</a></div>
<% else -%>
どのカテゴリにも属していません。
<% /if -%>
</div>
</section>
<% /if:parts_name == 'blog_category' # END parts -%>
<% if:parts_name == 'blogclick' # START parts -%>
<section class="module">
<div class="module__body">
<% banner_tag %>
</div>
</section>
<% /if:parts_name == 'blogclick' # END parts -%>
<% if:parts_name == 'blopita' # START parts -%>
<section class="module">
<div class="module__body">
<div align="center">
<% if:blog.is_wide_css -%>
<script type="text/javascript" src="<% site_info.blog_url -%>/js/banner.js" ></script>
<% else -%>
<script type="text/javascript" src="<% site_info.blog_url -%>/js/banner.js" ></script>
<% /if -%>
</div>
</div>
</section>
<% /if:parts_name == 'blopita' # END parts -%>
<!-- コンテンツ「カレンダー」-->
<% if:parts_name == 'calendar' # START parts -%>
<section class="module module--calendar">
<p class="module__heading2"><% parts.title -%></p>
<div class="side-waku">
<table>
<caption>
<% if:previous_archive -%>
<a href="<% previous_archive.page_url -%>" class="prev"><<</a>
<% else -%>
<span class="prev"><<</span>
<% /if -%>
<a href="<% archive.page_url -%>" class="month"><% date_format(now,'%Y年%m月') -%></a>
<% if:next_archive -%>
<a href="<% next_archive.page_url -%>" class="next">>></a>
<% else -%>
<span class="next">>></span>
<% /if -%>
</caption>
<thead>
<tr class="week">
<th class="sun"><% if:defined(parts.calendar_sun_text) -%><% parts.calendar_sun_text -%><% else -%>日<% /if -%></th>
<th class="mon"><% if:defined(parts.calendar_mon_text) -%><% parts.calendar_mon_text -%><% else -%>月<% /if -%></th>
<th class="tue"><% if:defined(parts.calendar_tue_text) -%><% parts.calendar_tue_text -%><% else -%>火<% /if -%></th>
<th class="wed"><% if:defined(parts.calendar_wed_text) -%><% parts.calendar_wed_text -%><% else -%>水<% /if -%></th>
<th class="thu"><% if:defined(parts.calendar_thu_text) -%><% parts.calendar_thu_text -%><% else -%>木<% /if -%></th>
<th class="fri"><% if:defined(parts.calendar_fri_text) -%><% parts.calendar_fri_text -%><% else -%>金<% /if -%></th>
<th class="sat"><% if:defined(parts.calendar_sat_text) -%><% parts.calendar_sat_text -%><% else -%>土<% /if -%></th>
</tr>
</thead>
<tbody>
<% loop:list_calendar -%>
<% loop:list_data_month -%>
<tr>
<% loop:list_data_week -%>
<td><% if:data.day -%><% if:article -%><a href="<% article.page_url(article.createstamp) -%>"><% article.createstamp | date_format('%e') -%></a><% else -%><% data.day -%><% /if -%><% else -%><% if:defined(parts.calendar_spc_text) -%><% parts.calendar_spc_text -%><% else -%> <% /if -%> <% /if -%></td>
<% /loop -%>
</tr>
<% /loop -%>
<% /loop -%>
</tbody>
</table>
</div>
</section>
<% /if:parts_name == 'calendar' # END parts -%>
<!-- コンテンツ「カテゴリ」-->
<% if:parts_name == 'category' # START parts -%>
<section class="module module--category">
<p class="module__heading2"><% parts.title -%></p>
<div class="side-waku">
<div class="module__body">
<ul>
<% loop:list_category -%>
<li>●<a href="<% category.page_url -%>"><% category.name | tag_break -%></a> <span>(<% category.article_count -%>)</span></li>
<% /loop -%>
</ul>
</div>
</div>
</section>
<% /if:parts_name == 'category' # END parts -%>
<% if:parts_name == 'css_banner_1' # START parts -%>
<% banner_tag -%>
<% /if:parts_name == 'css_banner_1' # END parts -%>
<% if:parts_name == 'css_banner_2' # START parts -%>
<% banner_tag -%>
<% /if:parts_name == 'css_banner_2' # END parts -%>
<% if:parts_name == 'css_banner_3' # START parts -%>
<% banner_tag -%>
<% /if:parts_name == 'css_banner_3' # END parts -%>
<% if:parts_name == 'dummy' # START parts -%>
<% /if:parts_name == 'dummy' # END parts -%>
<% if:parts_name == 'fb_comment' # START parts -%>
<div class="module module--facebook">
<a name="fb-comments"></a>
<script type="text/javascript">//<![CDATA[
(function () {
var url = location.href.split('?')[0].split('#')[0] + '#fb-comments';
document.write('<div id="fb-root"></div>');
document.write('<scr' + 'ipt src="http://connect.facebook.net/ja_JP/all.js#appId=&xfbml=1"></scr' + 'ipt>');
document.write('<fb:comments href="' + url + '" num_posts="10" width="100%"></fb:comments>');
})();
//]]></script>
</div>
<% /if:parts_name == 'fb_comment' # END parts -%>
<!-- コンテンツ「自由形式」-->
<% if:parts_name == 'free' # START parts -%>
<section class="module module--free">
<p class="module__heading2"><% parts.title -%></p>
<div class="side-waku">
<% parts.free_text | mark_raw -%>
</div>
</section>
<% /if:parts_name == 'free' # END parts -%>
<% if:parts_name == 'link' # START parts -%>
<section class="module module--link">
<p class="module__heading"><% parts.title -%></p>
<div class="module__body">
<ul>
<% loop:list_link -%>
<li><a href="<% content_link.url -%>" <% if:content_link.target -%>target="_blank"<% /if -%>><% content_link.title -%></a></li>
<% /loop -%>
</ul>
</div>
</section>
<% /if:parts_name == 'link' # END parts -%>
<% if:parts_name == 'profile' # START parts -%>
<section class="module module--profile">
<p class="module__heading"><% parts.title -%></p>
<div class="module__body">
<% if:blog.profile_icon -%>
<div class="profile__image">
<img src="<% blog.profile_icon -%>"/>
</div>
<% /if -%>
<% if:content_profile.profile_name -%>
<dl class="profile">
<dt class="profile__heading profile__heading--name"><% content_profile.profile_name_text -%></dt>
<dd class="profile__body profile__body--name"><% content_profile.profile_name -%></dd>
</dl>
<% /if -%>
<% if:content_profile.profile_age -%>
<dl class="profile">
<dt class="profile__heading profile__heading--age"><% content_profile.profile_age_text -%></dt>
<dd class="profile__body profile__body--age"><% content_profile.profile_age -%></dd>
</dl>
<% /if -%>
<% if:content_profile.profile_birthday -%>
<dl class="profile">
<dt class="profile__heading profile__heading--birthday"><% content_profile.profile_birthday_text -%></dt>
<dd class="profile__body profile__body--birthday"><% content_profile.profile_birthday -%></dd>
</dl>
<% /if -%>
<% if:content_profile.profile_sex -%>
<dl class="profile">
<dt class="profile__heading profile__heading--sex"><% content_profile.profile_sex_text -%></dt>
<dd class="profile__body profile__body--sex"><% content_profile.profile_sex -%></dd>
</dl>
<% /if -%>
<% if:content_profile.profile_job -%>
<dl class="profile">
<dt class="profile__heading profile__heading--job"><% content_profile.profile_job_text -%></dt>
<dd class="profile__body profile__body--job"><% content_profile.profile_job -%></dd>
</dl>
<% /if -%>
<% if:content_profile.profile_site_url -%>
<dl class="profile">
<dt class="profile__heading profile__heading--site-url"><% content_profile.profile_site_url_text -%></dt>
<dd class="profile__body profile__body--site-url"><a href="<% content_profile.profile_site_url -%>"><% content_profile.profile_site_url -%></a></dd>
</dl>
<% /if -%>
<% if:content_profile.profile_email -%>
<dl class="profile">
<dt class="profile__heading profile__heading--email"><% content_profile.profile_email_text -%></dt>
<dd class="profile__body profile__body--email"><a href="mailto:<% content_profile.profile_email -%>"><% content_profile.profile_email -%></a></dd>
</dl>
<% /if -%>
<% if:content_profile.profile_comment -%>
<dl class="profile">
<dt class="profile__heading profile__heading--comment"><% content_profile.profile_comment_text -%></dt>
<dd class="profile__body profile__body--comment"><% content_profile.profile_comment | nl2br | mark_raw -%></dd>
</dl>
<% /if -%>
</div>
</section>
<% /if:parts_name == 'profile' # END parts -%>
<% if:parts_name == 'qrcode' # START parts -%>
<section class="module module--qrcode">
<p class="module__heading"><% parts.title -%></p>
<div class="module__body">
<div align="center"><img src="<% qrcode_page_url -%>"></div>
</div>
</section>
<% /if:parts_name == 'qrcode' # END parts -%>
<% if:parts_name == 'rdf_summary' # START parts -%>
<section class="module module--rdf_summary">
<ul>
<% loop:list_content_rdf_summary -%>
<li><a href="<% content_rdf_summary.page_url -%>"><% content_rdf_summary.text -%></a></li>
<% /loop -%>
</ul>
</section>
<% /if:parts_name == 'rdf_summary' # END parts -%>
<% if:parts_name == 'recent_trackback' # START parts -%>
<section class="module module--recent_trackback">
<p class="module__heading"><% parts.title -%></p>
<div class="module__body">
<% if:recent_trackback_type == 0 -%>
<% loop:list_tb -%>
<a href="<% tb.article.page_url -%>#trackback"><% tb.article.subject | tag_strip -%></a> by <a href="<% tb.url -%>" target="_blank"><% tb.blog_name | tag_strip -%></a>(<% tb.createstamp | date_format('%m/%d') -%>)<br />
<% /loop -%>
<% /if -%>
<% if:recent_trackback_type == 1 -%>
<% loop:list_article -%>
<a href="<% article.page_url -%>#trackback"><% article.subject | tag_strip -%></a><br />
<% loop:list_tb -%>
⇒ <a href="<% tb.url -%>" target="_blank"><% tb.blog_name | html | tag_strip -%></a> (<% tb.createstamp | date_format('%m/%d') -%>)<br />
<% /loop -%>
<% /loop -%>
<% /if -%>
</div>
</section>
<% /if:parts_name == 'recent_trackback' # END parts -%>
<% if:parts_name == 'rss' # START parts -%>
<section class="module module--rss">
<p class="module__heading"><% parts.title -%></p>
<div class="module__body">
<% loop:list_rss -%>
<a href="<% rss_feeds.page_url -%>" target="_blank"><% rss_feeds.name -%></a><br />
<% /loop -%>
</div>
</section>
<% /if:parts_name == 'rss' # END parts -%>
<% if:parts_name == 'rss_affiliate' # START parts -%>
<section class="module module--rss_affiliate">
<p class="module__heading"><% parts.title -%></p>
<div class="module__body">
<% if:affiliate_type == 0 -%>
<!-- Rakuten Widget FROM HERE --><script type="text/javascript">rakuten_design="slide";rakuten_affiliateId="0b326401.d0e8ee2f.0b326567.21e11dd1";rakuten_items="ctsmatch";rakuten_genreId="0";rakuten_size="148x600";rakuten_target="_blank";rakuten_theme="gray";rakuten_border="on";rakuten_auto_mode="off";rakuten_genre_title="off";rakuten_recommend="on";rakuten_ver="20100708";rakuten_pointbackId="_RTmtlk20010075";</script><script type="text/javascript" src="http://xml.affiliate.rakuten.co.jp/widget/js/rakuten_widget.js"></script><!-- Rakuten Widget TO HERE -->
<% /if -%>
<% if:affiliate_type == 1 -%>
<!-- Rakuten Widget FROM HERE --><script type="text/javascript">rakuten_design="slide";rakuten_affiliateId="0b326401.d0e8ee2f.0b326567.21e11dd1";rakuten_items="ctsmatch";rakuten_genreId="0";rakuten_size="148x300";rakuten_target="_blank";rakuten_theme="gray";rakuten_border="on";rakuten_auto_mode="off";rakuten_genre_title="off";rakuten_recommend="on";rakuten_ver="20100708";rakuten_pointbackId="_RTmtlk20010121";</script><script type="text/javascript" src="http://xml.affiliate.rakuten.co.jp/widget/js/rakuten_widget.js"></script><!-- Rakuten Widget TO HERE -->
<% /if -%>
<% if:affiliate_type == 2 -%>
<script type="text/javascript" language="JavaScript"><!--
var seesaa_affiliate_id = '<% affiliate_id -%>';
//--></script>
<script src="http://blog.seesaa.jp/js/amazon_popular_item_main.js" type="text/javascript" language="JavaScript" charset="utf-8"></script>
<% /if -%>
</div>
</section>
<% /if:parts_name == 'rss_affiliate' # END parts -%>
<% if:parts_name == 'rss_radio' # START parts -%>
<section class="module module--rss_radio">
<p class="module__heading"><% parts.title -%></p>
<div class="module__body">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="176" height="280" id="player">
<param name="movie" value="<% site_info.blog_url -%>/rss_radio/player.swf?skinNo=<% rss_radio.skin -%>&resdir=<% rss_radio.data_url -%>" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="allowScriptAccess" value="sameDomain" />
<embed src="<% site_info.blog_url -%>/rss_radio/player.swf?skinNo=<% rss_radio.skin -%>&resdir=<% rss_radio.data_url -%>" quality="high" bgcolor="#FFFFFF" width="176" height="280" name="player" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
</object>
</div>
</section>
<% /if:parts_name == 'rss_radio' # END parts -%>
<!-- コンテンツ「タグクラウド」-->
<% if:parts_name == 'tag_cloud' # START parts -%>
<section class="module module--tag-cloud">
<p class="module__heading2"><% parts.title -%></p>
<script type="text/javascript">
<!--
function ChangeArchive (sel) {
if (sel.options[sel.selectedIndex].value != "") {
location.href = sel.options[sel.selectedIndex].value;
}
}
-->
</script>
<div class="module__body">
<form method="get" action="">
<select name="MonthArchive" onchange="ChangeArchive(this)" class="side-pull">
<option value="">「タグ」を選択して下さい</option>
<% loop:list_tags -%><option value="<% blog.tag_url(tag,'articles') -%>" class="_tag" title="<% tag.word | html -%> (<% count -%>件)">●<% tag.word | html -%> (<% count %>)</option> <% /loop -%>
</select>
</form>
</div>
</section>
<% /if:parts_name == 'tag_cloud' # END parts -%>
<!-- コンテンツ「人気記事」-->
<% if:parts_name == 'popular_article' # START parts -%>
<section class="module module--popular-entry" id="popular-article-section-<% parts.id %>">
<p class="module__heading2"><% parts.title -%></p>
<div class="side-waku">
<div class="module__body">
<<% if:parts.popular_article_show_rank %>ol<% else %>ul<% /if %> class="" id="popular-article-<% parts.id %>">
</<% if:parts.popular_article_show_rank %>ol<% else %>ul<% /if %>>
</div>
</div>
</section>
<script type="text/javascript">
function callback_popular_article_<% parts.id %>(list) {
var side = document.getElementById('popular-article-<% parts.id %>');
<% if:parts.popular_article_if_nothing == 'hide_section' -%>
if (list.length == 0) {
document.getElementById('popular-article-section-<% parts.id %>').style.display = 'none';
}
<% /if -%>
var len = list.length;
for(var idx = 0; idx < len; idx++){
var li = document.createElement('li');
var article = list[idx];
var a = document.createElement('a');
a.href= article['page_url'];
var text = article['subject'] <% if:parts.popular_article_show_page_view %>+ '(' +article['page_view'] + ')'<% /if %>;
var detail = document.createTextNode(text);
a.appendChild(detail);
li.appendChild(a);
side.appendChild(li);
}
}
</script>
<script type="text/javascript" src="<% site_info.blog_url -%>/cgi/popular_article?blog_name=<% blog.name %>&callback=callback_popular_article_<% parts.id %>&term=<% parts.popular_article_term%>&limit=<% parts.popular_article_count %>"></script>
<% /if:parts_name == 'popular_article' # END parts -%>
<% if:parts_name == 'archives' # START parts -%>
<section class="module module--backlog">
<p class="module__heading2"><% parts.title -%></p>
<script type="text/javascript">
<!--
function ChangeArchive (sel) {
if (sel.options[sel.selectedIndex].value != "") {
location.href = sel.options[sel.selectedIndex].value;
}
}
-->
</script>
<div class="module__body">
<form method="get" action="">
<select name="MonthArchive" onchange="ChangeArchive(this)" class="side-pull" size="4">
<option value="">「月」を選択して下さい</option>
<% loop:list_archives -%>
<% if:archives.article_count -%>
<option value="/archives/<% archives.createstamp | date_format("%Y%m") -%>-1.html">●<% archives.createstamp | date_format("%Y年%m月") -%> (<% archives.count -%>)</option>
<% /if -%>
<% /loop -%>
</select>
</form>
</div>
</section>
<% /if:parts_name == 'archives' # END parts -%>
<!-- コンテンツ「最近の記事」-->
<% if:parts_name == 'recent_article' # START parts -%>
<section class="module module--recent-entry">
<p class="module__heading2"><% parts.title -%></p>
<div class="side-waku">
<div class="module__body">
<ul class="recent-entry">
<% loop:list_article -%>
<li class="recent-entry__item">
<a href="<% article.page_url -%>">
<% if:article.first_image -%>
<p class="recent-entry__thumbnail"><img src="<% article.first_image.page_url_thumbnail -%>" alt="" /></p>
<% /if -%>
<h2 class="recent-entry__title">
<% if:article.first_image -%>
<% article.subject | tag_strip | shorten(82) | mark_raw -%>
<% else -%>
<% article.subject | tag_strip | shorten(82) | mark_raw -%>
<% /if -%>
</h2>
<!--<p class="recent-entry__body">
<% if:article.first_image -%>
<% article.body | tag_strip | shorten(50) | mark_raw -%>
<% else -%>
<% article.body | tag_strip | shorten(70) | mark_raw -%>
<% /if -%>
</p>-->
</a>
</li>
<% /loop -%>
</ul>
</div>
</div>
</section>
<% /if:parts_name == 'recent_article' # END parts -%>
<% if:parts_name == 'recent_comment' # START parts -%>
<section class="module module--recent-comment">
<p class="module__heading"><% parts.title -%></p>
<div class="module__body">
<% if:recent_comment_type == 0 -%>
<% loop:list_article_child -%>
<p><a href="<% article_child.article.page_url -%>#comment"><% article_child.article.subject | tag_strip -%></a><span> by <% article_child.writer | tag_strip -%> (<% article_child.createstamp | date_format('%m/%d') -%>)</span></p>
<% /loop -%>
<% /if -%>
<% if:recent_comment_type == 1 -%>
<% loop:list_article -%>
<p><a href="<% article.page_url -%>#comment"><% article.subject | html | tag_strip -%></a></p>
<% loop:list_article_child -%>
<p>⇒ <% article_child.writer | html | tag_strip -%> (<% article_child.createstamp | date_format('%m/%d') -%>)</p>
<% /loop -%>
<% /loop -%>
<% /if -%>
</div>
</section>
<% /if:parts_name == 'recent_comment' # END parts -%>
<!-- コンテンツ「ブログ内検索」-->
<% if:parts_name == 'article_search' # START parts -%>
<section class="module module--search">
<p class="module__heading2"><% parts.title -%></p>
<div class="module__body">
<form method="get" action="<% blog.page_url -%>/search" class="search">
<input name="keyword" type="text" placeholder="ブログ内検索" class="search__text">
<input value="検索" type="submit" class="search__submit">
</form>
</div>
</section>
<% /if:parts_name == 'article_search' # END parts -%>
<% if:parts_name == 'blog_category' # START parts -%>
<section class="module module--blog-category">
<p class="module__heading"><% parts.title -%></p>
<div class="module__body">
<% if blog_category -%>
<div><img src="<% site_info.blog_url -%>/img/bc_category.gif" width="15" height="11" /> カテゴリ:<a href="<% blog_category.page_url_contents_new -%>" target="_blank"><% blog_category.name | html -%></a></div>
<div>
<% if blog.rank_no_in_blog_category -%><br />
<img src="<% site_info.blog_url -%>/img/bc_crown.gif" width="15" height="11" /> 人気ランキング<br />
<% blog.rank_no_in_blog_category -%>位 / <% blog_category.max_rank_no -%>ブログ中<br /><% /if -%>
</div>
<div align="right"><a href="<% blog_category.page_url_contents_popular -%>">人気ランキング一覧</a></div>
<% else -%>
どのカテゴリにも属していません。
<% /if -%>
</div>
</section>
<% /if:parts_name == 'blog_category' # END parts -%>
<% if:parts_name == 'blogclick' # START parts -%>
<section class="module">
<div class="module__body">
<% banner_tag %>
</div>
</section>
<% /if:parts_name == 'blogclick' # END parts -%>
<% if:parts_name == 'blopita' # START parts -%>
<section class="module">
<div class="module__body">
<div align="center">
<% if:blog.is_wide_css -%>
<script type="text/javascript" src="<% site_info.blog_url -%>/js/banner.js" ></script>
<% else -%>
<script type="text/javascript" src="<% site_info.blog_url -%>/js/banner.js" ></script>
<% /if -%>
</div>
</div>
</section>
<% /if:parts_name == 'blopita' # END parts -%>
<!-- コンテンツ「カレンダー」-->
<% if:parts_name == 'calendar' # START parts -%>
<section class="module module--calendar">
<p class="module__heading2"><% parts.title -%></p>
<div class="side-waku">
<table>
<caption>
<% if:previous_archive -%>
<a href="<% previous_archive.page_url -%>" class="prev"><<</a>
<% else -%>
<span class="prev"><<</span>
<% /if -%>
<a href="<% archive.page_url -%>" class="month"><% date_format(now,'%Y年%m月') -%></a>
<% if:next_archive -%>
<a href="<% next_archive.page_url -%>" class="next">>></a>
<% else -%>
<span class="next">>></span>
<% /if -%>
</caption>
<thead>
<tr class="week">
<th class="sun"><% if:defined(parts.calendar_sun_text) -%><% parts.calendar_sun_text -%><% else -%>日<% /if -%></th>
<th class="mon"><% if:defined(parts.calendar_mon_text) -%><% parts.calendar_mon_text -%><% else -%>月<% /if -%></th>
<th class="tue"><% if:defined(parts.calendar_tue_text) -%><% parts.calendar_tue_text -%><% else -%>火<% /if -%></th>
<th class="wed"><% if:defined(parts.calendar_wed_text) -%><% parts.calendar_wed_text -%><% else -%>水<% /if -%></th>
<th class="thu"><% if:defined(parts.calendar_thu_text) -%><% parts.calendar_thu_text -%><% else -%>木<% /if -%></th>
<th class="fri"><% if:defined(parts.calendar_fri_text) -%><% parts.calendar_fri_text -%><% else -%>金<% /if -%></th>
<th class="sat"><% if:defined(parts.calendar_sat_text) -%><% parts.calendar_sat_text -%><% else -%>土<% /if -%></th>
</tr>
</thead>
<tbody>
<% loop:list_calendar -%>
<% loop:list_data_month -%>
<tr>
<% loop:list_data_week -%>
<td><% if:data.day -%><% if:article -%><a href="<% article.page_url(article.createstamp) -%>"><% article.createstamp | date_format('%e') -%></a><% else -%><% data.day -%><% /if -%><% else -%><% if:defined(parts.calendar_spc_text) -%><% parts.calendar_spc_text -%><% else -%> <% /if -%> <% /if -%></td>
<% /loop -%>
</tr>
<% /loop -%>
<% /loop -%>
</tbody>
</table>
</div>
</section>
<% /if:parts_name == 'calendar' # END parts -%>
<!-- コンテンツ「カテゴリ」-->
<% if:parts_name == 'category' # START parts -%>
<section class="module module--category">
<p class="module__heading2"><% parts.title -%></p>
<div class="side-waku">
<div class="module__body">
<ul>
<% loop:list_category -%>
<li>●<a href="<% category.page_url -%>"><% category.name | tag_break -%></a> <span>(<% category.article_count -%>)</span></li>
<% /loop -%>
</ul>
</div>
</div>
</section>
<% /if:parts_name == 'category' # END parts -%>
<% if:parts_name == 'css_banner_1' # START parts -%>
<% banner_tag -%>
<% /if:parts_name == 'css_banner_1' # END parts -%>
<% if:parts_name == 'css_banner_2' # START parts -%>
<% banner_tag -%>
<% /if:parts_name == 'css_banner_2' # END parts -%>
<% if:parts_name == 'css_banner_3' # START parts -%>
<% banner_tag -%>
<% /if:parts_name == 'css_banner_3' # END parts -%>
<% if:parts_name == 'dummy' # START parts -%>
<% /if:parts_name == 'dummy' # END parts -%>
<% if:parts_name == 'fb_comment' # START parts -%>
<div class="module module--facebook">
<a name="fb-comments"></a>
<script type="text/javascript">//<![CDATA[
(function () {
var url = location.href.split('?')[0].split('#')[0] + '#fb-comments';
document.write('<div id="fb-root"></div>');
document.write('<scr' + 'ipt src="http://connect.facebook.net/ja_JP/all.js#appId=&xfbml=1"></scr' + 'ipt>');
document.write('<fb:comments href="' + url + '" num_posts="10" width="100%"></fb:comments>');
})();
//]]></script>
</div>
<% /if:parts_name == 'fb_comment' # END parts -%>
<!-- コンテンツ「自由形式」-->
<% if:parts_name == 'free' # START parts -%>
<section class="module module--free">
<p class="module__heading2"><% parts.title -%></p>
<div class="side-waku">
<% parts.free_text | mark_raw -%>
</div>
</section>
<% /if:parts_name == 'free' # END parts -%>
<% if:parts_name == 'link' # START parts -%>
<section class="module module--link">
<p class="module__heading"><% parts.title -%></p>
<div class="module__body">
<ul>
<% loop:list_link -%>
<li><a href="<% content_link.url -%>" <% if:content_link.target -%>target="_blank"<% /if -%>><% content_link.title -%></a></li>
<% /loop -%>
</ul>
</div>
</section>
<% /if:parts_name == 'link' # END parts -%>
<% if:parts_name == 'profile' # START parts -%>
<section class="module module--profile">
<p class="module__heading"><% parts.title -%></p>
<div class="module__body">
<% if:blog.profile_icon -%>
<div class="profile__image">
<img src="<% blog.profile_icon -%>"/>
</div>
<% /if -%>
<% if:content_profile.profile_name -%>
<dl class="profile">
<dt class="profile__heading profile__heading--name"><% content_profile.profile_name_text -%></dt>
<dd class="profile__body profile__body--name"><% content_profile.profile_name -%></dd>
</dl>
<% /if -%>
<% if:content_profile.profile_age -%>
<dl class="profile">
<dt class="profile__heading profile__heading--age"><% content_profile.profile_age_text -%></dt>
<dd class="profile__body profile__body--age"><% content_profile.profile_age -%></dd>
</dl>
<% /if -%>
<% if:content_profile.profile_birthday -%>
<dl class="profile">
<dt class="profile__heading profile__heading--birthday"><% content_profile.profile_birthday_text -%></dt>
<dd class="profile__body profile__body--birthday"><% content_profile.profile_birthday -%></dd>
</dl>
<% /if -%>
<% if:content_profile.profile_sex -%>
<dl class="profile">
<dt class="profile__heading profile__heading--sex"><% content_profile.profile_sex_text -%></dt>
<dd class="profile__body profile__body--sex"><% content_profile.profile_sex -%></dd>
</dl>
<% /if -%>
<% if:content_profile.profile_job -%>
<dl class="profile">
<dt class="profile__heading profile__heading--job"><% content_profile.profile_job_text -%></dt>
<dd class="profile__body profile__body--job"><% content_profile.profile_job -%></dd>
</dl>
<% /if -%>
<% if:content_profile.profile_site_url -%>
<dl class="profile">
<dt class="profile__heading profile__heading--site-url"><% content_profile.profile_site_url_text -%></dt>
<dd class="profile__body profile__body--site-url"><a href="<% content_profile.profile_site_url -%>"><% content_profile.profile_site_url -%></a></dd>
</dl>
<% /if -%>
<% if:content_profile.profile_email -%>
<dl class="profile">
<dt class="profile__heading profile__heading--email"><% content_profile.profile_email_text -%></dt>
<dd class="profile__body profile__body--email"><a href="mailto:<% content_profile.profile_email -%>"><% content_profile.profile_email -%></a></dd>
</dl>
<% /if -%>
<% if:content_profile.profile_comment -%>
<dl class="profile">
<dt class="profile__heading profile__heading--comment"><% content_profile.profile_comment_text -%></dt>
<dd class="profile__body profile__body--comment"><% content_profile.profile_comment | nl2br | mark_raw -%></dd>
</dl>
<% /if -%>
</div>
</section>
<% /if:parts_name == 'profile' # END parts -%>
<% if:parts_name == 'qrcode' # START parts -%>
<section class="module module--qrcode">
<p class="module__heading"><% parts.title -%></p>
<div class="module__body">
<div align="center"><img src="<% qrcode_page_url -%>"></div>
</div>
</section>
<% /if:parts_name == 'qrcode' # END parts -%>
<% if:parts_name == 'rdf_summary' # START parts -%>
<section class="module module--rdf_summary">
<ul>
<% loop:list_content_rdf_summary -%>
<li><a href="<% content_rdf_summary.page_url -%>"><% content_rdf_summary.text -%></a></li>
<% /loop -%>
</ul>
</section>
<% /if:parts_name == 'rdf_summary' # END parts -%>
<% if:parts_name == 'recent_trackback' # START parts -%>
<section class="module module--recent_trackback">
<p class="module__heading"><% parts.title -%></p>
<div class="module__body">
<% if:recent_trackback_type == 0 -%>
<% loop:list_tb -%>
<a href="<% tb.article.page_url -%>#trackback"><% tb.article.subject | tag_strip -%></a> by <a href="<% tb.url -%>" target="_blank"><% tb.blog_name | tag_strip -%></a>(<% tb.createstamp | date_format('%m/%d') -%>)<br />
<% /loop -%>
<% /if -%>
<% if:recent_trackback_type == 1 -%>
<% loop:list_article -%>
<a href="<% article.page_url -%>#trackback"><% article.subject | tag_strip -%></a><br />
<% loop:list_tb -%>
⇒ <a href="<% tb.url -%>" target="_blank"><% tb.blog_name | html | tag_strip -%></a> (<% tb.createstamp | date_format('%m/%d') -%>)<br />
<% /loop -%>
<% /loop -%>
<% /if -%>
</div>
</section>
<% /if:parts_name == 'recent_trackback' # END parts -%>
<% if:parts_name == 'rss' # START parts -%>
<section class="module module--rss">
<p class="module__heading"><% parts.title -%></p>
<div class="module__body">
<% loop:list_rss -%>
<a href="<% rss_feeds.page_url -%>" target="_blank"><% rss_feeds.name -%></a><br />
<% /loop -%>
</div>
</section>
<% /if:parts_name == 'rss' # END parts -%>
<% if:parts_name == 'rss_affiliate' # START parts -%>
<section class="module module--rss_affiliate">
<p class="module__heading"><% parts.title -%></p>
<div class="module__body">
<% if:affiliate_type == 0 -%>
<!-- Rakuten Widget FROM HERE --><script type="text/javascript">rakuten_design="slide";rakuten_affiliateId="0b326401.d0e8ee2f.0b326567.21e11dd1";rakuten_items="ctsmatch";rakuten_genreId="0";rakuten_size="148x600";rakuten_target="_blank";rakuten_theme="gray";rakuten_border="on";rakuten_auto_mode="off";rakuten_genre_title="off";rakuten_recommend="on";rakuten_ver="20100708";rakuten_pointbackId="_RTmtlk20010075";</script><script type="text/javascript" src="http://xml.affiliate.rakuten.co.jp/widget/js/rakuten_widget.js"></script><!-- Rakuten Widget TO HERE -->
<% /if -%>
<% if:affiliate_type == 1 -%>
<!-- Rakuten Widget FROM HERE --><script type="text/javascript">rakuten_design="slide";rakuten_affiliateId="0b326401.d0e8ee2f.0b326567.21e11dd1";rakuten_items="ctsmatch";rakuten_genreId="0";rakuten_size="148x300";rakuten_target="_blank";rakuten_theme="gray";rakuten_border="on";rakuten_auto_mode="off";rakuten_genre_title="off";rakuten_recommend="on";rakuten_ver="20100708";rakuten_pointbackId="_RTmtlk20010121";</script><script type="text/javascript" src="http://xml.affiliate.rakuten.co.jp/widget/js/rakuten_widget.js"></script><!-- Rakuten Widget TO HERE -->
<% /if -%>
<% if:affiliate_type == 2 -%>
<script type="text/javascript" language="JavaScript"><!--
var seesaa_affiliate_id = '<% affiliate_id -%>';
//--></script>
<script src="http://blog.seesaa.jp/js/amazon_popular_item_main.js" type="text/javascript" language="JavaScript" charset="utf-8"></script>
<% /if -%>
</div>
</section>
<% /if:parts_name == 'rss_affiliate' # END parts -%>
<% if:parts_name == 'rss_radio' # START parts -%>
<section class="module module--rss_radio">
<p class="module__heading"><% parts.title -%></p>
<div class="module__body">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="176" height="280" id="player">
<param name="movie" value="<% site_info.blog_url -%>/rss_radio/player.swf?skinNo=<% rss_radio.skin -%>&resdir=<% rss_radio.data_url -%>" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="allowScriptAccess" value="sameDomain" />
<embed src="<% site_info.blog_url -%>/rss_radio/player.swf?skinNo=<% rss_radio.skin -%>&resdir=<% rss_radio.data_url -%>" quality="high" bgcolor="#FFFFFF" width="176" height="280" name="player" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
</object>
</div>
</section>
<% /if:parts_name == 'rss_radio' # END parts -%>
<!-- コンテンツ「タグクラウド」-->
<% if:parts_name == 'tag_cloud' # START parts -%>
<section class="module module--tag-cloud">
<p class="module__heading2"><% parts.title -%></p>
<script type="text/javascript">
<!--
function ChangeArchive (sel) {
if (sel.options[sel.selectedIndex].value != "") {
location.href = sel.options[sel.selectedIndex].value;
}
}
-->
</script>
<div class="module__body">
<form method="get" action="">
<select name="MonthArchive" onchange="ChangeArchive(this)" class="side-pull">
<option value="">「タグ」を選択して下さい</option>
<% loop:list_tags -%><option value="<% blog.tag_url(tag,'articles') -%>" class="_tag" title="<% tag.word | html -%> (<% count -%>件)">●<% tag.word | html -%> (<% count %>)</option> <% /loop -%>
</select>
</form>
</div>
</section>
<% /if:parts_name == 'tag_cloud' # END parts -%>
<!-- コンテンツ「人気記事」-->
<% if:parts_name == 'popular_article' # START parts -%>
<section class="module module--popular-entry" id="popular-article-section-<% parts.id %>">
<p class="module__heading2"><% parts.title -%></p>
<div class="side-waku">
<div class="module__body">
<<% if:parts.popular_article_show_rank %>ol<% else %>ul<% /if %> class="" id="popular-article-<% parts.id %>">
</<% if:parts.popular_article_show_rank %>ol<% else %>ul<% /if %>>
</div>
</div>
</section>
<script type="text/javascript">
function callback_popular_article_<% parts.id %>(list) {
var side = document.getElementById('popular-article-<% parts.id %>');
<% if:parts.popular_article_if_nothing == 'hide_section' -%>
if (list.length == 0) {
document.getElementById('popular-article-section-<% parts.id %>').style.display = 'none';
}
<% /if -%>
var len = list.length;
for(var idx = 0; idx < len; idx++){
var li = document.createElement('li');
var article = list[idx];
var a = document.createElement('a');
a.href= article['page_url'];
var text = article['subject'] <% if:parts.popular_article_show_page_view %>+ '(' +article['page_view'] + ')'<% /if %>;
var detail = document.createTextNode(text);
a.appendChild(detail);
li.appendChild(a);
side.appendChild(li);
}
}
</script>
<script type="text/javascript" src="<% site_info.blog_url -%>/cgi/popular_article?blog_name=<% blog.name %>&callback=callback_popular_article_<% parts.id %>&term=<% parts.popular_article_term%>&limit=<% parts.popular_article_count %>"></script>
<% /if:parts_name == 'popular_article' # END parts -%>
次の記事の紹介
次の記事では「Seesaaブログ編集に関するここまでのテンプレート画像」を掲載します。

■【Seesaaブログ新デザインシステム】ここまでのカスタマイズのテンプレート画像
Seesaaブログ新デザインシステムのテンプレート「シンプルA. ホワイト 右カラム」をカスタマイズしたので、ここまでのカスタマイズの結果を画像で紹介します。実際にどうなっているのかはデモブログで確認していただければ‥‥
Seesaaブログ新デザインシステムのテンプレート「シンプルA. ホワイト 右カラム」をカスタマイズしたので、ここまでのカスタマイズの結果を画像で紹介します。実際にどうなっているのかはデモブログで確認していただければ‥‥