<meta name="viewport" content="width=740" />
@media screen and (max-device-width: 700px) {
/* iPhone + iPod touch */
#container { width: 700px }
#content { min-width: 700px; max-width: 1280px }
}
740とか700といった数値や各名称はブログの構造やデザインよって調整が必要ですが、書き足す記述は僅か数行、削除したくなった時もそこを削除するだけで済むから気が楽です。
"Mokuji"は、あなたのブログの目次を自動的に生成するサービスです。 ブログの記事中でよく使われているキーワードを抽出し、雑誌の目次のように整理して並べてくれるので、 あなたのブログの目次を見た人に、一目であなたのブログの概要・雰囲気を伝えられます。
<% content.header -%>
<!-- Content -->
<div class="hfeed">
<% if:page_name eq 'article' -%>
<div class="navi">
<% if:previous_article -%><a href="<% previous_article.page_url %>" rel="next"><<</a> <a href="<% previous_article.page_url %>"><% previous_article.subject | tag_break %></a><% /if -%> | <% if:next_article -%><a href="<% next_article.page_url %>"><% next_article.subject | tag_break %></a> <a href="<% next_article.page_url %>" rel="prev">>></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 %>" rel="next"><<</a> <a href="<% previous_archive.page_url %>"><% previous_archive.createstamp | date_format("%Y年%m月") %></a><% /if -%> | <% if:next_archive -%><a href="<% next_archive.page_url %>"><% next_archive.createstamp | date_format("%Y年%m月") %></a> <a href="<% next_archive.page_url %>" rel="prev">>></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) %>" rel="next"><% /if %><<<% if:pager.previous_page %></a><% /if %><% loop:list_pager %> <% if:current_page ne pager_number %><a href="<% archive.page_url(pager_number)%>"><% /if %><% pager_number %><% if:current_page ne pager_number %></a><% /if %><% /loop %> <% if:pager.next_page %><a href="<% archive.page_url(pager.next_page) %>" rel="prev"><% /if %>>><% if:pager.next_page %></a><% /if %>
</div>
<% /if -%>
<% /if -%>
<% /if -%>
<% if:page_name eq 'category' -%>
<div class="navi">
<a href="<% blog.page_url %>">TOP</a> / <% category.name %>
</div>
<div id="clist">
<p><% if:pager.previous_page %><a href="<% category.page_url(pager.previous_page) %>"><<</a><% else %>-<% /if %><% loop:list_pager %><%
if:pager.show_previous_group(pager_number,10) %>..<% /if %><% if:pager.show_page(pager_number,10) %> <% 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) %>">>></a><% else %>-<% /if %></p>
<ul>
<% loop:list_article -%>
<li><a href="<% article.page_url %>"><% article.subject %></a> (<% article.createstamp | date_format('%y/%m/%d') %>)</li>
<% /loop -%>
</ul>
</div>
<% /if -%>
<% loop:list_article -%>
<div class="blog">
<!--
<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("%b %d, %Y") %></h2><% /if %>
<div class="blogbody hentry">
<h3 class="title entry-title"><a href="<% article.page_url %>" class="title entry-title" rel="bookmark"><% article.subject %></a></h3>
<% if:page_name eq 'article' -%>
<div class="text entry-content"><% 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 entry-content"><% 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 %>
</div>
<div class="posted">posted by <span class="author vcard fn"><% article.nickname %></span> at <abbr class="published" title="<% article.createstamp | date_format("%Y-%m-%dT%H:%M+09:00") -%>"><% article.createstamp | date_format("%H:%M") -%></abbr>
<% 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 %>" rel="tag"><% article_category.name %></a><% /if %>
</div>
</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) %>" rel="prev"><<</a><% else %>-<% /if %><% loop:list_pager %><% if:pager.show_previous_group(pager_number,10) %>..<% /if %><% if:pager.show_page(pager_number,10) %> <% 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) %>" rel="next">>></a><% else %>-<% /if %>
</div>
<% /if -%>
<% /if -%>
<% if:page_name eq 'archive' -%>
<div class="navi">
<% if:archive_page_name eq 'month' -%>
<% if:previous_archive -%><a href="<% previous_archive.page_url %>" rel="next"><<</a> <a href="<% previous_archive.page_url %>"><% previous_archive.createstamp | date_format("%Y年%m月") %></a><% /if -%> | <% if:next_archive -%><a href="<% next_archive.page_url %>"><% next_archive.createstamp | date_format("%Y年%m月") %></a> <a href="<% next_archive.page_url %>" rel="prev">>></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) %>" rel="next"><% /if %><<<% if:pager.previous_page %></a><% /if %><% loop:list_pager %> <% if:current_page ne pager_number %><a href="<% archive.page_url(pager_number)%>"><% /if %><% pager_number %><% if:current_page ne pager_number %></a><% /if %><% /loop %> <% if:pager.next_page %><a href="<% archive.page_url(pager.next_page) %>" rel="prev"><% /if %>>><% if:pager.next_page %></a><% /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 %>" rel="prev"><<prev</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="<% 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 %>
<% if:pager.next_page %><a href="<% blog.page_url(pager.next_page) %>" rel="next">next>></a><% else %>-<% /if %>
</div>
<% /if -%>
<% /if -%>
<% if:page_name eq 'article' -%>
<div id="comments">
<% if:individual_article.accept_comment_show -%>
<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-name"><img src="https://yamarena.up.seesaa.net/image/come.png" alt=" " width="30" height="26" border="0" /> <% if:comment.homepage %><a href="<% comment.homepage | tag_strip %>" target="_blank" rel="nofollow"><% comment.writer | tag_strip | __or__ | echo('4DNさん') %></a><% else %><% comment.writer | tag_strip | __or__ | echo('4DNさん') %><% /if %></div>
<div class="comments-post"><% 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="50"></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 />
<% tb.excerpt | text_summary | html %><br />
<a href="<% tb.url %>" target="_blank" rel="nofollow">
<img src="http://img.simpleapi.net/small/<% tb.url %>" alt="<% tb.blog_name | html %>"
width=128 height=128 hspace=4 vspace=4 border=0 /></a><br />
<% tb.blog_name | html %> | <% tb.createstamp | date_format('%Y-%m-%d %H:%M') %><br />
<% /loop -%>
</div>
<% /if -%>
<div class="navi">
<% if:previous_article -%><a href="<% previous_article.page_url %>" rel="next"><<</a> <a href="<% previous_article.page_url %>"><% previous_article.subject | tag_break %></a><% /if -%> | <% if:next_article -%><a href="<% next_article.page_url %>"><% next_article.subject | tag_break %></a> <a href="<% next_article.page_url %>" rel="prev">>></a><% /if -%>
</div>
<% /if -%>
</div>(まるっとここまでhfeedで囲っていいのだろうか？)
<!-- /Content -->
<% content.footer -%>
2006 - a photoset on Flickr
Marc Bolan & T-Rex - Rock Masters: London Boys (USA) 
この広告は180日以上新しい記事の投稿がないブログに表示されております。
