Thingamablogのテンプレート
テンプレートを晒す
Thingamablogのテンプレートを晒すテスト。Thingamablogでは、以下の5種類のテンプレートを用意しなければならない。
使用中のテンプレート一覧
以下のテンプレートには<$Memo1$>, <$Credit$>, <$Search$>, <$AddThis$>, <$Link$>, <$Meta$>, <$Script$>, <$End$>など独自(カスタム)タグを含んでいる。
フロントページ(main.template)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="<$Lang$>" dir="ltr"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="Content-Type" content="text/html; charset=<$Charset$>"> <meta http-equiv="content-language" content="<$Lang$>"> <$Meta$> <meta name="generator" content="<$AppName$> <$AppVersion$>"> <meta name="description" content="<$BlogDescription$>"> <title><$BlogTitle$></title> <link rel="home start" type="text/html" title="<$BlogTitle$>" href="<$BaseURL$>"> <link rel="index" type="text/html" title="<$BlogTitle$>: Archive Index" href="<$IndexPageLink$>"> <link rel="contents" type="text/plain" href="<$BaseURL$>sitemap.txt"> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<$RssLink$>"> <$Link$> <link rel="stylesheet" href="<$BaseURL$>styles-site.css" type="text/css"> <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="<$BaseURL$>favicon.ico"> <script type="text/javascript" src="<$BaseURL$>scripts-site.js" charset="<$Charset$>"></script> <$Script$> </head> <body id="container" onload="PR.prettyPrint();"> <div id="banner"> <h1><$BlogTitle$></h1> <span class="description">Front Page: <$BlogDescription$></span> </div> <div id="content"> <div class="blog"> <!-- This section specifies the layout for each entry --> <BlogEntry> <DayHeader> <h2 class="date"><a name="<$DayHeaderDate format="yyyy-MM-dd"$>"><$DayHeaderDate format="yyyy年MM月dd日 EEE曜日"$></a></h2> </DayHeader> <div class="blogbody"> <EntryTitle> <h3 class="title"><a name="<$EntryID$>" href="<$EntryPermalink$>"><$EntryTitle$></a></h3> </EntryTitle> <$EntryBody$> <p><a href="<$EntryPermalink$>#more">続きを読む</a></p> <div class="posted"> Posted by <a href="<$EntryAuthorURL$>" target="_blank"><$EntryAuthor$></a> at <a href="<$EntryPermalink$>" title="permanent link"><$EntryTime format="HH:mm:ss"$></a><br> <EntryModifiedDate><em>Edited on: <$EntryModifiedDate format="yyyy年MM月dd日 EEE曜日"$></em><br></EntryModifiedDate> Categories: <EntryCategories glue=", "><a href="<$CategoryLink$>"><$CategoryName$></a></EntryCategories> | <a href="<$EntryPermalink$>#comments">Comments</a><br> <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style" addthis:title="<$BlogTitle$>: <$EntryTitle encode_html="1"$>" addthis:url="<$EntryPermalink$>"> <$AddThis$> </div> <!-- AddThis Button END --> </div> </div> </BlogEntry> <h2 class="date">Search</h2> <$Search$> </div><!--end blog --> </div> <!-- end content --> <!-- sidebar begin --> <div id="links"> <!-- This section lays out the calendar --> <div align="center" class="calendar"> <Calendar> <table summary="Monthly calendar with links to each day's posts"> <caption class="calendarhead"><$MonthLabel$></caption> <tr> <WeekDays><th align="center"><span class="calendar"><$WeekDay$></span></th></WeekDays> </tr> <CalendarWeek> <tr><CalendarDay><td align="center"> <span class="calendar"> <IfDayHasNoEntries><$DayOfMonth$></IfDayHasNoEntries> <IfDayHasEntries><a href="<$EntryArchivePage$>#<$DateOfDay format="yyyy-MM-dd"$>"><$DayOfMonth$></a></IfDayHasEntries> <IfEmptySpace> </IfEmptySpace></span></td> </CalendarDay></tr> </CalendarWeek> </table> </Calendar> </div><!-- end calendar --> <br> <div class="syndicate"> <a href="<$RssLink$>" rel="alternate">Syndicate this site (XML)</a> </div> <div class="sidetitle"> Profile </div> <div id="profile" class="side"> <AuthorList> <strong>HN: <a href="<$AuthorURL$>" target="_blank"><$AuthorName$></a></strong><br> <$AuthorDetails$> </AuthorList> </div> <!-- Archive links list --> <div class="sidetitle"> Archives </div> <div class="side"> <ArchiveList> <a href="<$ArchiveLink$>"><$ArchiveName$></a><br> </ArchiveList> ----<br> <a href="<$IndexPageLink$>" rel="contents index">Archive Index</a> </div> <!-- Category links list --> <div class="sidetitle"> Categories </div> <div class="side"> <CategoryList> <a href="<$CategoryLink$>"><$CategoryName$></a><br> </CategoryList> </div> <div class="sidetitle"> Recent Bookmarks </div> <div id="bookmark" class="side"> Please Enable JavaScript </div> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/services/feed/load?q=http%3a%2f%2fbookmarks%2eyahoo%2eco%2ejp%2frss%2fstimulating_hormone&v=1.0&num=3&callback=RecentBookmark" charset="<$Charset$>"></script> <div class="sidetitle"> Credits </div> <div class="side"> <$Credit$><br> <!--REQUIRED LINK!!!! do not delete! --> <a href="http://www.movablestyle.com/" target="_blank">Design by Movablestyle</a> </div> <div class="powered"> Powered by<br><a href="<$AppLink$>" target="_blank"><$AppName$> <$AppVersion$></a><br> </div> <$End$> </div> <br clear="all"> </body> </html>
アーカイブ(archive.template)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="<$Lang$>" dir="ltr"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="Content-Type" content="text/html; charset=<$Charset$>"> <meta http-equiv="content-language" content="<$Lang$>"> <$Meta$> <meta name="generator" content="<$AppName$> <$AppVersion$>"> <meta name="description" content="<$BlogDescription$>"> <title><$BlogTitle$>: <$PageTitle$></title> <link rel="home start" type="text/html" title="<$BlogTitle$>" href="<$BaseURL$>"> <link rel="index" type="text/html" title="<$BlogTitle$>: Archive Index" href="<$IndexPageLink$>"> <link rel="contents" type="text/plain" href="<$BaseURL$>sitemap.txt"> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<$RssLink$>"> <$Link$> <link rel="stylesheet" href="<$BaseURL$>styles-site.css" type="text/css"> <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="<$BaseURL$>favicon.ico"> <PreviousPage><IfPageExists><link rel="prev" type="text/html" title="<$BlogTitle$>: <$PageName encode_html="1"$>" href=<$PageLink$>"></IfPageExists></PreviousPage> <NextPage><IfPageExists><link rel="next" type="text/html" title="<$BlogTitle$>: <$PageName encode_html="1"$>" href=<$PageLink$>"></IfPageExists></NextPage> <script type="text/javascript" src="<$BaseURL$>scripts-site.js" charset="<$Charset$>"></script> <$Script$> </head> <body id="container" onload="PR.prettyPrint();"> <div id="banner"> <h1><a href="<$BaseURL$>" rel="home start"><$BlogTitle$></a></h1> <span class="description">Archive: <$PageTitle$></span> </div> <div id="content"> <div class="blog"> <!-- back and forward --> <p align="center"> <PreviousPage> <IfPageExists> <a href="<$PageLink$>" rel="prev">« <$PageName$></a> | </IfPageExists> </PreviousPage> <a href="<$FrontPageLink$>">Front Page</a> <NextPage> <IfPageExists> | <a href="<$PageLink$>" rel="next"><$PageName$> »</a> </IfPageExists> </NextPage> </p> <!-- This section specifies the layout for each entry --> <BlogEntry> <DayHeader> <h2 class="date"><a name="<$DayHeaderDate format="yyyy-MM-dd"$>"><$DayHeaderDate format="yyyy年MM月dd日 EEE曜日"$></a></h2> </DayHeader> <div class="blogbody"> <EntryTitle> <h3 class="title"><a name="<$EntryID$>" href="<$EntryPermalink$>"><$EntryTitle$></a></h3> </EntryTitle> <$EntryBody$> <p><a href="<$EntryPermalink$>#more">続きを読む</a></p> <div class="posted"> Posted by <a href="<$EntryAuthorURL$>" target="_blank"><$EntryAuthor$></a> at <a href="<$EntryPermalink$>" title="permanent link"><$EntryTime format="HH:mm:ss"$></a><br> <EntryModifiedDate><em>Edited on: <$EntryModifiedDate format="yyyy年MM月dd日 EEE曜日"$></em><br></EntryModifiedDate> Categories: <EntryCategories glue=", "><a href="<$CategoryLink$>"><$CategoryName$></a></EntryCategories> | <a href="<$EntryPermalink$>#comments">Comments</a><br> <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style " addthis:title="<$BlogTitle$>: <$EntryTitle encode_html="1"$>" addthis:url="<$EntryPermalink$>"> <$AddThis$> </div> <!-- AddThis Button END --> </div> </div> </BlogEntry> <h2 class="date">Search</h2> <$Search$> </div><!--end blog --> </div><!-- end content --> <!-- sidebar begin --> <div id="links"> <!-- This section lays out the calendar --> <div align="center" class="calendar"> <Calendar> <table summary="Monthly calendar with links to each day's posts"> <caption class="calendarhead"><$MonthLabel$></caption> <tr> <WeekDays><th align="center"><span class="calendar"><$WeekDay$></span></th></WeekDays> </tr> <CalendarWeek> <tr><CalendarDay><td align="center"> <span class="calendar"> <IfDayHasNoEntries><$DayOfMonth$></IfDayHasNoEntries> <IfDayHasEntries><a href="<$EntryArchivePage$>#<$DateOfDay format="yyyy-MM-dd"$>"><$DayOfMonth$></a></IfDayHasEntries> <IfEmptySpace> </IfEmptySpace></span></td> </CalendarDay></tr> </CalendarWeek> </table> </Calendar> </div><!-- end calendar --> <br> <div class="syndicate"> <a href="<$RssLink$>" rel="alternate">Syndicate this site (XML)</a> </div> <div class="sidetitle"> Profile </div> <div id="profile" class="side"> <AuthorList> <strong>HN: <a href="<$AuthorURL$>" target="_blank"><$AuthorName$></a></strong><br> <$AuthorDetails$> </AuthorList> </div> <div class="sidetitle"> Recent Entries </div> <div id="recent-entries" class="side"> Please Enable JavaScript </div> <script type="text/javascript">RecentEntries('<$RssLink$>');</script> <!-- Archive links list --> <div class="sidetitle"> Archives </div> <div class="side"> <ArchiveList> <a href="<$ArchiveLink$>"><$ArchiveName$></a><br> </ArchiveList> ----<br> <a href="<$IndexPageLink$>" rel="contents index">Archive Index</a> </div> <!-- Category links list --> <div class="sidetitle"> Categories </div> <div class="side"> <CategoryList> <a href="<$CategoryLink$>"><$CategoryName$></a><br> </CategoryList> </div> <div class="sidetitle"> Recent Bookmarks </div> <div id="bookmark" class="side"> Please Enable JavaScript </div> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/services/feed/load?q=http%3a%2f%2fbookmarks%2eyahoo%2eco%2ejp%2frss%2fstimulating_hormone&v=1.0&num=3&callback=RecentBookmark" charset="<$Charset$>"></script> <div class="sidetitle"> Credits </div> <div class="side"> <$Credit$><br> <!--REQUIRED LINK!!!! do not delete! --> <a href="http://www.movablestyle.com/" target="_blank">Design by Movablestyle</a> </div> <div class="powered"> Powered by<br><a href="<$AppLink$>" target="_blank"><$AppName$> <$AppVersion$></a><br> </div> <$End$> </div> <br clear="all"> </body> </html>
カテゴリー(category.template)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="<$Lang$>" dir="ltr"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="Content-Type" content="text/html; charset=<$Charset$>"> <meta http-equiv="content-language" content="<$Lang$>"> <$Meta$> <meta name="generator" content="<$AppName$> <$AppVersion$>"> <meta name="description" content="<$BlogDescription$>"> <title><$BlogTitle$>: <$PageTitle$></title> <link rel="home start" type="text/html" title="<$BlogTitle$>" href="<$BaseURL$>"> <link rel="index" type="text/html" title="<$BlogTitle$>: Archive Index" href="<$IndexPageLink$>"> <link rel="contents" type="text/plain" href="<$BaseURL$>sitemap.txt"> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<$RssLink$>"> <$Link$> <link rel="stylesheet" href="<$BaseURL$>styles-site.css" type="text/css"> <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="<$BaseURL$>favicon.ico"> <PreviousPage><IfPageExists><link rel="prev" type="text/html" title="<$BlogTitle$>: <$PageName encode_html="1"$>" href=<$PageLink$>"></IfPageExists></PreviousPage> <NextPage><IfPageExists><link rel="next" type="text/html" title="<$BlogTitle$>: <$PageName encode_html="1"$>" href=<$PageLink$>"></IfPageExists></NextPage> <script type="text/javascript" src="<$BaseURL$>scripts-site.js" charset="<$Charset$>"></script> <$Script$> </head> <body id="container" onload="PR.prettyPrint();"> <div id="banner"> <h1><a href="<$BaseURL$>" rel="home start"><$BlogTitle$></a></h1> <span class="description">Category: <$PageTitle$></span> </div> <div id="content"> <div class="blog"> <!-- back and forward --> <p align="center"> <PreviousPage> <IfPageExists> <a href="<$PageLink$>" rel="prev">« <$PageName$></a> | </IfPageExists> </PreviousPage> <a href="<$FrontPageLink$>">Front Page</a> <NextPage> <IfPageExists> | <a href="<$PageLink$>" rel="next"><$PageName$> »</a> </IfPageExists> </NextPage> </p> <!-- This section specifies the layout for each entry --> <BlogEntry> <DayHeader> <h2 class="date"><a name="<$DayHeaderDate format="yyyy-MM-dd"$>"><$DayHeaderDate format="yyyy年MM月dd日 EEE曜日"$></a></h2> </DayHeader> <div class="blogbody"> <EntryTitle> <h3 class="title"><a name="<$EntryID$>" href="<$EntryPermalink$>"><$EntryTitle$></a></h3> </EntryTitle> <$EntryBody$> <p><a href="<$EntryPermalink$>#more">続きを読む</a></p> <div class="posted"> Posted by <a href="<$EntryAuthorURL$>" target="_blank"><$EntryAuthor$></a> at <a href="<$EntryPermalink$>" title="permanent link"><$EntryTime format="HH:mm:ss"$></a><br> <EntryModifiedDate><em>Edited on: <$EntryModifiedDate format="yyyy年MM月dd日 EEE曜日"$></em><br></EntryModifiedDate> Categories: <EntryCategories glue=", "><a href="<$CategoryLink$>"><$CategoryName$></a></EntryCategories> | <a href="<$EntryPermalink$>#comments">Comments</a><br> <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style " addthis:title="<$BlogTitle$>: <$EntryTitle encode_html="1"$>" addthis:url="<$EntryPermalink$>"> <$AddThis$> </div> <!-- AddThis Button END --> </div> </div> </BlogEntry> <h2 class="date">Search</h2> <$Search$> </div><!--end blog --> </div><!-- end content --> <!-- sidebar begin --> <div id="links"> <!-- This section lays out the calendar --> <div align="center" class="calendar"> <Calendar> <table summary="Monthly calendar with links to each day's posts"> <caption class="calendarhead"><$MonthLabel$></caption> <tr> <WeekDays><th align="center"><span class="calendar"><$WeekDay$></span></th></WeekDays> </tr> <CalendarWeek> <tr><CalendarDay><td align="center"> <span class="calendar"> <IfDayHasNoEntries><$DayOfMonth$></IfDayHasNoEntries> <IfDayHasEntries><a href="<$EntryArchivePage$>#<$DateOfDay format="yyyy-MM-dd"$>"><$DayOfMonth$></a></IfDayHasEntries> <IfEmptySpace> </IfEmptySpace></span></td> </CalendarDay></tr> </CalendarWeek> </table> </Calendar> </div><!-- end calendar --> <br> <div class="syndicate"> <a href="<$RssLink$>" rel="alternate">Syndicate this site (XML)</a> </div> <div class="sidetitle"> Profile </div> <div id="profile" class="side"> <AuthorList> <strong>HN: <a href="<$AuthorURL$>" target="_blank"><$AuthorName$></a></strong><br> <$AuthorDetails$> </AuthorList> </div> <div class="sidetitle"> Recent Entries </div> <div id="recent-entries" class="side"> Please Enable JavaScript </div> <script type="text/javascript">RecentEntries('<$RssLink$>');</script> <!-- Archive links list --> <div class="sidetitle"> Archives </div> <div class="side"> <ArchiveList> <a href="<$ArchiveLink$>"><$ArchiveName$></a><br> </ArchiveList> ----<br> <a href="<$IndexPageLink$>" rel="contents index">Archive Index</a> </div> <!-- Category links list --> <div class="sidetitle"> Categories </div> <div class="side"> <CategoryList> <a href="<$CategoryLink$>"><$CategoryName$></a><br> </CategoryList> </div> <div class="sidetitle"> Recent Bookmarks </div> <div id="bookmark" class="side"> Please Enable JavaScript </div> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/services/feed/load?q=http%3a%2f%2fbookmarks%2eyahoo%2eco%2ejp%2frss%2fstimulating_hormone&v=1.0&num=3&callback=RecentBookmark" charset="<$Charset$>"></script> <div class="sidetitle"> Credits </div> <div class="side"> <$Credit$><br> <!--REQUIRED LINK!!!! do not delete! --> <a href="http://www.movablestyle.com/" target="_blank">Design by Movablestyle</a> </div> <div class="powered"> Powered by<br><a href="<$AppLink$>" target="_blank"><$AppName$> <$AppVersion$></a><br> </div> <$End$> </div> <br clear="all"> </body> </html>
エントリー(entry.template)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="<$Lang$>" dir="ltr"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="Content-Type" content="text/html; charset=<$Charset$>"> <meta http-equiv="content-language" content="<$Lang$>"> <$Meta$> <meta name="generator" content="<$AppName$> <$AppVersion$>"> <meta name="description" content="<$BlogDescription$>"> <title><$BlogTitle$>: <$PageTitle$></title> <link rel="home start" type="text/html" title="<$BlogTitle$>" href="<$BaseURL$>"> <link rel="index" type="text/html" title="<$BlogTitle$>: Archive Index" href="<$IndexPageLink$>"> <link rel="contents" type="text/plain" href="<$BaseURL$>sitemap.txt"> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<$RssLink$>"> <$Link$> <link rel="stylesheet" href="<$BaseURL$>styles-site.css" type="text/css"> <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="<$BaseURL$>favicon.ico"> <PreviousPage><IfPageExists><link rel="prev" type="text/html" title="<$BlogTitle$>: <$PageName encode_html="1"$>" href=<$PageLink$>"></IfPageExists></PreviousPage> <NextPage><IfPageExists><link rel="next" type="text/html" title="<$BlogTitle$>: <$PageName encode_html="1"$>" href=<$PageLink$>"></IfPageExists></NextPage> <script type="text/javascript" src="<$BaseURL$>scripts-site.js" charset="<$Charset$>"></script> <$Script$> </head> <body id="container" onload="PR.prettyPrint();"> <div id="banner"> <h1><a href="<$BaseURL$>" rel="home start"><$BlogTitle$></a></h1> <span class="description">Entry: <$PageTitle$></span> </div> <div id="content"> <div class="blog"> <!-- back and forward --> <p align="center"> <PreviousPage> <IfPageExists> <a href="<$PageLink$>" rel="prev">« <$PageName$></a> | </IfPageExists> </PreviousPage> <a href="<$FrontPageLink$>">Front Page</a> <NextPage> <IfPageExists> | <a href="<$PageLink$>" rel="next"><$PageName$> »</a> </IfPageExists> </NextPage> </p> <!-- This section specifies the layout for each entry --> <BlogEntry> <DayHeader> <h2 class="date"><a name="<$DayHeaderDate format="yyyy-MM-dd"$>"><$DayHeaderDate format="yyyy年MM月dd日 EEE曜日"$></a></h2> </DayHeader> <div class="blogbody"> <a name="<$EntryID$>"></a> <EntryTitle> <h3 class="title"><$EntryTitle$></h3> </EntryTitle> <div id="tpc_post_message"> <$EntryBody$> <span id="more"></span> <$EntryExtra1$> <$EntryExtra2$> </div> <div class="posted"> Posted by <a href="<$EntryAuthorURL$>" target="_blank"><$EntryAuthor$></a> at <$EntryTime format="HH:mm:ss"$></a><br> <EntryModifiedDate><em>Edited on: <$EntryModifiedDate format="yyyy年MM月dd日 EEE曜日"$></em><br></EntryModifiedDate> Categories: <EntryCategories glue=", "><a href="<$CategoryLink$>"><$CategoryName$></a></EntryCategories> | <a href="<$EntryPermalink$>#comments">Comments</a><br> <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style " addthis:title="<$BlogTitle$>: <$EntryTitle encode_html="1"$>" addthis:url="<$EntryPermalink$>"> <$AddThis$> </div> <!-- AddThis Button END --> </div> <br> <h3 id="comments" class="title">Comments</h3> <div class="comments-content"> <div id="tpc_thread"></div> <div id="tpc_post_title"><$BlogTitle$>: <$PageTitle$></div> <script type="text/javascript"> var TPConnect = {}; TPConnect.tpc_url = '<$EntryPermalink$>'; TPConnect.tpc_title = document.getElementById('tpc_post_title').innerHTML; TPConnect.tpc_message = document.getElementById('tpc_post_message').innerHTML; </script> <script type="text/javascript" src="http://profile.typepad.com/services/embed/tpc/6a0168e50ed833970c0167600e15b7970b/embed.js"></script> <script type="text/javascript" src="http://static.typepad.com/.shared/js/profile/blogside.js"></script> <noscript><a href="http://profile.typepad.com/services/embed/tpc/6a0168e50ed833970c0167600e15b7970b/thread">View the entire comment thread.</a></noscript> </div> </div> <!-- END TypePad Connect --> </BlogEntry> <h2 class="date">Search</h2> <$Search$> </div><!--end blog --> </div><!-- end content --> <!-- sidebar begin --> <div id="links"> <div class="syndicate"> <a href="<$RssLink$>" rel="alternate">Syndicate this site (XML)</a> </div> <div class="sidetitle"> Profile </div> <div id="profile" class="side"> <AuthorList> <strong>HN: <a href="<$AuthorURL$>" target="_blank"><$AuthorName$></a></strong><br> <$AuthorDetails$> </AuthorList> </div> <div class="sidetitle"> Recent Entries </div> <div id="recent-entries" class="side"> Please Enable JavaScript </div> <script type="text/javascript">RecentEntries('<$RssLink$>');</script> <!-- Archive links list --> <div class="sidetitle"> Archives </div> <div class="side"> <ArchiveList> <a href="<$ArchiveLink$>"><$ArchiveName$></a><br> </ArchiveList> ----<br> <a href="<$IndexPageLink$>" rel="contents index">Archive Index</a> </div> <!-- Category links list --> <div class="sidetitle"> Categories </div> <div class="side"> <CategoryList> <a href="<$CategoryLink$>"><$CategoryName$></a><br> </CategoryList> </div> <div class="sidetitle"> Recent Bookmarks </div> <div id="bookmark" class="side"> Please Enable JavaScript </div> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/services/feed/load?q=http%3a%2f%2fbookmarks%2eyahoo%2eco%2ejp%2frss%2fstimulating_hormone&v=1.0&num=3&callback=RecentBookmark" charset="<$Charset$>"></script> <div class="sidetitle"> Credits </div> <div class="side"> <$Credit$><br> <!--REQUIRED LINK!!!! do not delete! --> <a href="http://www.movablestyle.com/" target="_blank">Design by Movablestyle</a> </div> <div class="powered"> Powered by<br><a href="<$AppLink$>" target="_blank"><$AppName$> <$AppVersion$></a><br> </div> <$End$> </div> <br clear="all"> </body> </html>
アーカイブインデックス(index.template)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="<$Lang$>" dir="ltr"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="Content-Type" content="text/html; charset=<$Charset$>"> <meta http-equiv="content-language" content="<$Lang$>"> <$Meta$> <meta name="generator" content="<$AppName$> <$AppVersion$>"> <meta name="description" content="<$BlogDescription$>"> <title><$BlogTitle$>: Archive Index</title> <link rel="home start" type="text/html" title="<$BlogTitle$>" href="<$BaseURL$>"> <link rel="index" type="text/html" title="<$BlogTitle$>: Archive Index" href="<$IndexPageLink$>"> <link rel="contents" type="text/plain" href="<$BaseURL$>sitemap.txt"> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<$RssLink$>"> <$Link$> <link rel="stylesheet" href="<$BaseURL$>styles-site.css" type="text/css"> <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="<$BaseURL$>favicon.ico"> <script type="text/javascript" src="<$BaseURL$>scripts-site.js" charset="<$Charset$>"></script> <$Script$> </head> <body id="container" onload="PR.prettyPrint();"> <div id="banner"> <h1><a href="<$BaseURL$>" rel="home start"><$BlogTitle$></a></h1> <span class="description">Archive Index</span> </div> <div id="content"> <div class="blog"> <div class="blogbody"> <!-- Archive links list --> <h3 class="title">Archives</h3> <ul> <ArchiveYears sort_order="descend"> <li><$Year$></li> <ul> <ArchiveYear> <li><a href="<$ArchiveLink$>"><$ArchiveName$></a></li> </ArchiveYear> </ul> </ArchiveYears> </ul> <hr> <!-- Category links list --> <h3 class="title">Categories</h3> <ul> <CategoryList> <li><a href="<$CategoryLink$>"><$CategoryName$></a></li> </CategoryList> </ul> </div> <h2 class="date">Search</h2> <$Search$> </div><!--end blog --> </div> <!-- end content --> <!-- sidebar begin --> <div id="links"> <!-- This section lays out the calendar --> <div align="center" class="calendar"> <Calendar> <table summary="Monthly calendar with links to each day's posts"> <caption class="calendarhead"><$MonthLabel$></caption> <tr> <WeekDays><th align="center"><span class="calendar"><$WeekDay$></span></th></WeekDays> </tr> <CalendarWeek> <tr><CalendarDay><td align="center"> <span class="calendar"> <IfDayHasNoEntries><$DayOfMonth$></IfDayHasNoEntries> <IfDayHasEntries><a href="<$EntryArchivePage$>#<$DateOfDay format="yyyy-MM-dd"$>"><$DayOfMonth$></a></IfDayHasEntries> <IfEmptySpace> </IfEmptySpace></span></td> </CalendarDay></tr> </CalendarWeek> </table> </Calendar> </div><!-- end calendar --> <br> <div class="syndicate"> <a href="<$RssLink$>">Syndicate this site (XML)</a> </div> <div class="sidetitle"> Profile </div> <div id="profile" class="side"> <AuthorList> <strong>HN: <a href="<$AuthorURL$>" target="_blank"><$AuthorName$></a></strong><br> <$AuthorDetails$> </AuthorList> </div> <div class="sidetitle"> Recent Entries </div> <div id="recent-entries" class="side"> Please Enable JavaScript </div> <script type="text/javascript">RecentEntries('<$RssLink$>');</script> <div class="sidetitle"> Recent Bookmarks </div> <div id="bookmark" class="side"> Please Enable JavaScript </div> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/services/feed/load?q=http%3a%2f%2fbookmarks%2eyahoo%2eco%2ejp%2frss%2fstimulating_hormone&v=1.0&num=3&callback=RecentBookmark" charset="<$Charset$>"></script> <div class="sidetitle"> Credits </div> <div class="side"> <$Credit$><br> <!--REQUIRED LINK!!!! do not delete! --> <a href="http://www.movablestyle.com/" target="_blank">Design by Movablestyle</a> </div> <div class="powered"> Powered by<br><a href="<$AppLink$>" target="_blank"><$AppName$> <$AppVersion$></a><br> </div> <$End$> </div> <br clear="all"> </body> </html>
フィード(feed.template)
<?xml version="1.0" encoding="<$Charset$>"?> <rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:creativeCommons="http://backend.userland.com/creativeCommonsRssModule" xmlns:content="http://purl.org/rss/1.0/modules/content/" xml:lang="<$Lang$>"> <channel> <title><$BlogTitle$></title> <link><$BaseURL$></link> <description><$BlogDescription encode_html="1"$></description> <category>Weblog</category> <language><$Lang$></language> <copyright>(C)<$CurrentDate format="yyyy"$> <$Memo1$>, Some Rights Reserved under a Creative Commons - Attribution-ShareAlike 3.0 Unported - CC BY-SA 3.0 License.</copyright> <docs>http://blogs.law.harvard.edu/tech/rss</docs> <pubDate><$CurrentDate format="RFC822"$></pubDate> <lastBuildDate><$CurrentDate format="RFC822"$></lastBuildDate> <generator><$AppName$> <$AppVersion$></generator> <dc:creator><$Memo1$></dc:creator> <creativeCommons:license>https://creativecommons.org/licenses/by-sa/3.0/</creativeCommons:license> <BlogEntry> <item> <title><EntryTitle><$EntryTitle encode_html="1"$></EntryTitle></title> <guid isPermaLink="true"><$EntryPermalink$></guid> <link><$EntryPermalink$></link> <pubDate><$EntryDateTime format="RFC822"$></pubDate> <EntryCategories><category><$CategoryName$></category></EntryCategories> <description><$EntryBody encode_html="1"$><$EntryExtra1 encode_html="1"$><$EntryExtra2 encode_html="1"$></description> <content:encoded><![CDATA[<$EntryBody$><$EntryExtra1$><$EntryExtra2$>]]></content:encoded> <dc:creator><$EntryAuthor$></dc:creator> </item> </BlogEntry> </channel> </rss>
スタイルシート(styles-site.css)
@charset "UTF-8"; html, body, h1, h2, h3, h4, h5, h6, div, p, address, blockquote, dt, dd, li, caption, th, td, form, input, select, option, button, label, object, embed, iframe, #container, #banner, #content, #links, #center2 { font-family: 'MeiryoKe_UIGothic', 'Meiryo UI', 'Meiryo', 'メイリオ', 'MeiryoKe_UIGothic', 'Hiragino Maru Gothic ProN W4', 'ヒラギノ丸ゴ ProN W4', 'Hiragino Maru Gothic Pro W4', 'ヒラギノ丸ゴ Pro W4', 'HGPGothicM', 'HGPゴシックM', 'HGPGothicE', 'HGPゴシックE', 'Kozuka Gothic ProN M', '小塚ゴシック ProN M', 'Kozuka Gothic Pro Acro M', '小塚ゴシック Pro Acro M', 'sans', sans-serif; word-break: break-all; line-break: strict; } address, cite, dfn, var, em, i { font-style: italic; font-family: 'MeiryoKe_UIGothic', 'Hiragino Maru Gothic ProN W4', 'ヒラギノ丸ゴ ProN W4', 'Hiragino Maru Gothic Pro W4', 'ヒラギノ丸ゴ Pro W4', 'HGPGothicM', 'HGPゴシックM', 'HGPGothicE', 'HGPゴシックE', 'Kozuka Gothic ProN M', '小塚ゴシック ProN M', 'Kozuka Gothic Pro Acro M', '小塚ゴシック Pro Acro M', 'sans', sans-serif; } textarea, pre, pre li, code, kbd, samp, .prettyprint li, .prettyprint span, .linenums li, .linenums span { font-family: 'MeiryoKe_Gothic', 'HGGothicM', 'HGゴシックM', 'HGGothicE', 'HGゴシックE', 'MS Gothic Ex+', 'MS ゴシック Ex+', 'ARISAKA-fix', 'ARISAKA-等幅', 'Osaka-Mono', 'Osaka-等幅', 'IPAMonaGothic', 'IPA モナー ゴシック', monospace; } .aa { font-family: 'Meiryo mod 12pt AA', 'MeiryoKe_PGothic', 'MS PGothic Ex+', 'MS Pゴシック Ex+', 'ARISAKA-AA', 'Osaka-AA', 'IPAMonaPGothic', 'IPA モナー Pゴシック', 'Monapo', 'Mona', 'MS PGothic', 'MS Pゴシック', 'Textar', sans-serif; font-size: 16px; line-height: 18px; } h1, h2, h3, h4, h5, h6, caption, th, strong, b { font-weight: bold; } ins { text-decoration: underline; } del { text-decoration: line-through; } q:before, q:after { content: """; } html, #container, #banner { width: 100%; min-width: 750px; } html, #container, table { background: #333; color: #ccc; } a { color: #fb0; text-decoration: none; } a:link { color: #fb0; text-decoration: none; } a:visited { color: #ea0; text-decoration: none; } a:active { color: #ff6; } a:hover { color: #ff6; } #banner, #banner-commentspop { background: #555 url("body-bg.png") bottom repeat-x; } #banner { margin: 0 0 10px 0; padding: 5px 0 18px 0; text-align: center; } #banner-commentspop { color: #fc0; font-size: 15px; font-weight: bold; padding: 5px 0 18px 0; margin-bottom: 10px; text-align: center; } #banner h1 { font-size: 32px; letter-spacing: 0.2em; } #banner a, #banner a:link, #banner a:visited { color: #ccc; font-weight: bold; text-decoration: none; } #banner a:active, #banner a:hover { color: #ff6; } #banner .description { color: #eee; font-size: 18px; font-weight: bold; } #content { left: 250px; right: 10px; top: 170px; position: absolute; } #container { margin: 0 auto; } #links { padding: 10px; position: absolute; top: 170px; left: 10px; width: 210px; } .blog { padding: 10px; margin: 0 0 10px; } .blogbody { font-size: 14px; line-height: 1.5; margin: 0 0 20px 30px; padding: 5px; } .blogbody a, .blogbody a:link, .blogbody a:visited, .blogbody a:active, .blogbody a:hover { text-decoration: underline; } .blogbody p { margin: 0 0 1.5em; text-align: justify; } .blogbody ol, .blogbody ul { margin: 0 auto 1.5em; padding: 0 0 0 2.5em; } .blogbody ol li { text-align: justify; list-style: decimal outside; } .blogbody ul li { text-align: justify; list-style: disc outside; } .blogbody dl { margin: 0 0 1.5em; } .blogbody dt { border-bottom: 1px dotted #444; margin: 0.75em 0; } .blogbody dd { margin: 0 0 0 2em; text-align: justify; } .blogbody blockquote { background: #444; margin: 0 auto 1.5em; padding: 0.75em; text-align: justify; } .blogbody pre { color: #222; line-height: 1.25; width: 98%; background: #ddd; margin: 0 auto 1.5em; padding: 1.5em 0.75em; overflow-x: auto; overflow-y: hidden; } .title { color: #eee; font-size: 16px; margin: 0 0 5px -20px; } .title a, .title a:link, .title a:visited { color: #eee; text-decoration: none; } .title a:active, .title a:hover { color: #ff6; } #menu { font-size: 12px; text-align: center; } .date { color: #eee; font-size: 17px; font-weight: bold; border-bottom: #bbb solid 1px; margin: 0 0 5px; padding: 3px; } .date a, .date a:link, .date a:visited, .date a:active, .date a:hover { color: #eee; text-decoration: none; } .posted, .comments-post { color: #888; display: block; font-size: 13px; margin: 8px 0 0; } .posted a, .comments-post a { color: #a80; } .posted a:hover, .comments-post a:hover { color: #ca0; } .calendar { font-weight: normal; line-height: 1.4; text-align: center; } .calendar table { width: 100%; } .calendar th { background: #111; padding: 0; width: 14%; text-align: center; } .calendarhead { border-bottom: 1px solid #bbb; color: #eee; font-size: 14px; font-weight: bold; line-height: 1.4; padding: 3px; width: 100%; text-align: left; } .side { line-height: 1.4; margin: 5px 0 15px 10px; text-align: justify; } .sidetitle { border-bottom: 1px solid #bbb; color: #eee; font-size: 14px; font-weight: bold; margin: 10px 0 0; padding: 3px; } .syndicate { border-bottom: 1px #bbb solid; font-size: 14px; font-weight: bold; padding: 3px; margin: 10px 0 0; } .powered { font-size: 11px; font-weight: bold; line-height:1.4; margin: 10px 0 0; padding: 2px; text-align: center; } .comments-body { border-bottom: 1px dotted #666; font-size: 12px; line-height: 1.4; margin: 0 0 20px 0; padding: 0 0 15px; } #container .comments-body { margin: 0 0 0 20px; } .trackback-url { font-size: 12px; line-height: 1.4; padding: 5px; } .trackback-body { font-size: 12px; line-height: 1.4; padding: 10px 0; } .trackback-post { font-size: 11px; } .comments-head { color: #fb0; font-weight: bold; margin: 15px 0 5px 0; padding: 3px; } #container .comments-head { margin: 0 0 0 10px; } .side img { padding: 2px 0; } #profile, #bookmark { text-align: justify; } #profile img { width: 100px; } #counter { width: 80px; height: 15px; } .addthis_toolbox, .addthis_default_style { margin: 10px 0 0; } #y_gc_div_adcntr, .y_gcss_ovrtr_au { background: #555; } #tpc_post_title { display: none; } #srchBox { width: 298px; _width: 296px; /* margin-bottom: 10px; background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #EEEEEE; color: #000000; text-align: left;*/ margin: 0 0 0 10px; } #srchBox * { /* margin: 0; padding: 0;*/ font-size: 13px; *font-size: small; *font: x-small; } #srchBox a img { border: none; } #srchBox #srch { /* padding: 10px 10px 0 10px;*/ padding: 5px 0 0 5px; } #srchBox #srch #srchForm { white-space: nowrap; } #srchBox #srchInput { width: 188px; margin-right: 6px; vertical-align: bottom; } #srchBox #srchBtn { width: 80px; } *html #srchBox #srchBtn { padding-top: 2px; } *:first-child+html #srchBox #srchBtn { padding-top: 2px; } #srchBox ul { margin-top: 6px; text-align: left; } #srchBox li { list-style-type: none; display: inline; zoom: 1; padding-right: 10px; } #srchBox li input { zoom: 1; margin-right: 2px; _margin: -4px 0 -4px -4px; vertical-align: middle; border: 0; } *:+html #srchBox li input { margin: -4px 0 -4px -4px; } #srchBox #srchLogo { margin: 6px 6px 6px 0; text-align: right; } #srchBox #srchLogo a { color: #666666; text-decoration: none; font-size: 85%; } #srchBox #srchLogo a:hover { text-decoration:underline; } #srchBox.watermark { padding-bottom: 6px; } #srchBox.watermark #srchInput { padding: 1px 1px 2px 1px; border: 1px solid #a5acb2; background: #fff url(https://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat; } #srchBox.watermark #srchInput.nomark { background: #fff; } #srchBox.watermark #srchLogo { display: none; }
JavaScript(scripts-site.js)
//AddThisのソーシャルブックマークサービス var addthis_config = { ui_language: 'ja', data_ga_property: 'UA-4550862-13', data_ga_social: true, data_track_addressbar: false, data_track_clickback: false, services_custom: [{ name: 'Y!Bookmark', url: 'http://bookmarks.yahoo.co.jp/bookmarklet/showpopup?ei=UTF-8&t={{TITLE}}&u={{URL}}', icon: 'http://i.yimg.jp/images/sicons/ybm16.gif' }, { name: 'Buzzurl', url: 'http://buzzurl.jp/config/add/confirm?url={{URL}}&title={{TITLE}}', icon: 'http://buzzurl.jp.eimg.jp/static/image/api/icon/add_icon_mini_08.gif' }, { name: 'newsing', url: 'http://newsing.jp/nbutton?url={{URL}}&title={{TITLE}}', icon: 'http://image.newsing.jp/common/images/newsingit/newsing_button_16.gif' }, { name: 'kwout', url: 'http://kwout.com/grab?address={{URL}}', icon: 'http://kwout.com/images/api.gif' }] }; function initAddThis() { addthis.init(); } //JKL.ParseXMLでサイドバーに最近のエントリーを表示 function RecentEntries(RssLink) { var http = new JKL.ParseXML(RssLink); var func = function(data) { var entry = new Array(); for(i in data.rss.channel.item) { var str = data.rss.channel.item[i].title; if (str.length > 13) { str = str.substr(0, 13) + '...'; } entry.push('<a href="' + data.rss.channel.item[i].link + '" title="' + data.rss.channel.item[i].title + '">' + str + '</a>'); } document.getElementById('recent-entries').innerHTML = entry.join('<br>'); } http.async(func); http.parse(); } //Google Feed APIでサイドバーに最近のYahoo!ブックマークを表示 function RecentBookmark(GData) { if(GData.responseData.feed.entries.length) { var YBook = new Array(); var data = GData.responseData.feed; for(i in data.entries) { YBook.push('<a href="' + data.entries[i].link + '" title="' + data.entries[i].contentSnippet.replace(/n/g,'').replace(/s{3,}.*$/, '') + '" target="_blank">' + data.entries[i].title + '</a>'); } YBook.push('----'); YBook.push('<a href="http://bookmarks.yahoo.co.jp/stimulating_hormone" target="_blank">All Bookmarks</a>'); document.getElementById('bookmark').innerHTML = YBook.join('<br>'); } else { document.getElementById('bookmark').innerHTML = 'No Bookmarks'; } }