Hemingway modified template

現在所使用的主題,XML 檔案,有興趣的人請自行取用。


<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
<b:skin><![CDATA[
/*
-----------------------------------------------
Blogger Template Style
Name: Hemingway
Designer: Kyle Neath
URL: http://warpspire.com/hemingway
Released: http://www.blogcrowds.com
Edited: http://blog.monkeybiz.info
----------------------------------------------- */
/*-----------------------------------------------------------------------------------------------
Global Styles
-----------------------------------------------------------------------------------------------*/
* {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, p, pre, blockquote, ul, ol, dl {
margin: 1em 0;
}
li, dd {
margin-left: 5%;
}
select option {
padding: 0 5px;
}
.hide {
display: none;
}
.clear {
clear: both;
height: 1px;
font-size: 1px;
line-height: 1px;
}
a img {
border: none;
}
/*-----------------------------------------------------------------------------------------------
Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/
body {
background: #272727;
color: #BFBFBF;
font-size: 15px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
}
/* This class sets the width and position for all rows */
.inside {
width: 80%;
min-width: 60em;
max-width: 85em;
margin: 0 auto;
}
a {
color: #FFF;
}
h1 {
color: #CCC;
font-size: 1.5em;
font-weight: normal;
margin: 1.5em 0;
}
h2, h3 {
font-size: 1.15em;
color: #FFF;
font-weight: normal;
}
#primary h2 {
color: #CCC;
}
p {
line-height: 1.75em;
}
ul li {
list-style-type: square;
margin: 0.5em 0 0.5em 2em;
}
blockquote {
margin-left: 1em;
padding-left: 1em;
border-left: 2px solid #CCC;
color: #CCC;
}
pre {
color: #63FF00; /* green on black like an old-school monochrome monitor */ /*color: #eee;*/ /* uncomment if you prefer basic grey text */;
background: #333;
overflow: auto;
font: normal "bitstream vera sans mono", monaco, "lucida console", "courier new", courier, serif;
margin: 0.9em 0;
padding: 8px;
}
table {
width: 100%;
border-spacing: 2px;
margin: 1.5em 0;
}
table th, table td {
padding: 0.3em 0.75em;
}
table th {
background: #CCC;
color: #000;
text-align: left;
}
table td {
background: #333;
color: #FFF;
}
table caption {
text-align: left;
color: #FFF;
margin-bottom: -1em;
margin-top: 1em;
}
/*-----------------------------------------------------------------------------------------------
Header
-----------------------------------------------------------------------------------------------*/
#header {
background: #000;
}
#header .inside {
padding: 3.5em 0;
}
#header h2 {
font-size: 2.25em;
margin: 0 0.5em 0 0;
padding: 0 0.5em 0.25em 0;
border-right: 1px solid #808080;
float: left;
}
#header h2 a {
text-decoration: none;
}
#header p {
padding: 1.5em 0;
margin: 0;
line-height: 1em;
}
/*-----------------------------------------------------------------------------------------------
Primary Items
-----------------------------------------------------------------------------------------------*/
#primary {
background: #000;
padding: 1px 0 0 0;
color: #999;
}
#primary.onecol-stories .primary {
float: left;
width: 50%;
margin: 0 0 5% 0;
}
#primary.onecol-stories .secondary {
float: right;
width: 40%;
margin: 0 0 0 10%;
}
#primary.twocol-stories .story {
float: left;
width: 45%;
margin: 0 3% 15px 0;
display: inline;
height: 25em;
}
/* html #primary.twocol-stories .story {
margin-left: 2%;
}*/
.story h3 {
font-size: 1.5em;
margin: 0 0 1.5em 0;
font-weight: normal;
color: #CCC;
}
.story h3 a {
color: #CCC;
text-decoration: none;
border-bottom: 1px dotted #666;
}
.story .details {
margin: 1em 0;
text-align: right;
border-top: 1px solid #3d3d3d;
padding: 0.5em 0;
font-size: 1em;
color: #666;
}
.read-on {
background: url(http://i495.photobucket.com/albums/rr312/monkey_tw/hemingway/readon_black.gif) 100% 60% no-repeat;
padding-right: 20px;
text-align: right;
display: block;
}
.read-on a {
font-style: italic;
color: #CCC;
text-decoration: none;
}
.story .details a {
color: #666;
text-decoration: none;
}
.story .details a:hover {
color: #FFF;
}
/* Single Post Styles */
#primary .primary {
float: right;
width: 67%;
margin: 0 0 15px 0;
}
#primary .secondary {
float: left;
width: 29%;
margin-right: 2%;
padding-top: 0.65em;
display: inline;
}
* html #primary .secondary {
margin-right: 3%;
}
.secondary .featured p {
border-bottom: 1px solid #3d3d3d;
border-top: 1px solid #3d3d3d;
padding: 0.5em 0 0.6em 0;
line-height: 1.5em;
margin: 1em 0 0 0;
}
.secondary .featured dl {
margin: 0 0;
border-bottom: 1px solid #3d3d3d;
padding: 0.5em 0 0.6em 0;
}
.secondary dt {
display: inline;
margin: 0;
padding: 0;
color: #AAA;
}
.secondary dd {
display: inline;
margin: 0;
padding: 0;
}
.secondary dd a {
color: #808080;
}
.secondary dd a:hover {
color: #FFF;
}
.single-post h1, .single-post h2 {
margin-top: 0;
}
/*-----------------------------------------------------------------------------------------------
Secondary Items
-----------------------------------------------------------------------------------------------*/
#secondary {
background: #0C0C0C;
padding: 1px 0;
border-top: 1px solid #1C1C1C;
}
#secondary h2 {
color: #FFF;
}
#related {
float: right;
width: 67%;
margin: 15px 0 0 0;
}
.comment-head {
border-bottom: 1px solid #1C1C1C;
padding: 0.8em 5em 1.0em 5em;
}
.comment-head h2 {
font-size: 1.25em;
margin: 0;
color: #FFF;
}
.comment-head a {
text-decoration: none;
color: #868686;
}
.comment-head .details {
font-size: 0.95em;
}
ol#comments {
list-style-type: none;
margin: 2em 0;
}
ol#comments li {
list-style-type: none;
margin: 2em 0;
}
#comments cite {
float: left;
width: 29%;
font-style: normal;
text-align: right;
}
* html #comments cite {
width: 29%;
}
#comments cite span {
display: block;
}
#comments cite .author {
font-size: 1.2em;
}
#comments cite .author a {
text-decoration: none;
}
#comments .content {
float: left;
width: 60%;
margin-left: 1.9%;
border-left: 1px solid #868686;
padding: 0 0 0 2%;
}
#comments .content p {
margin: 0 0 1em 0;
}
#comments .content h3 {
margin: 0;
font-size: 1em;
}
.comment-form {
margin-left: 33%;
}
#backlinks-container {
margin: 0 0 2em 33%;
}
/*-----------------------------------------------------------------------------------------------
Ancillary Items
-----------------------------------------------------------------------------------------------*/
#ancillary {
padding: 2em 0 0 0;
}
#ancillary .widget {
float: left;
width: 30%;
margin: 0 3% 5% 0;
}
#ancillary .widget h2, #ancillary .widget h3 {
margin: 0 0 2em 0;
}
#sidebar ul, ul.dates, ul.counts, ul.blogroll ul, ul.pages {
list-style-type: none;
margin: 1.5em 0 2em 0;
border-top: 1px solid #575757;
}
#sidebar ul li, ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li {
list-style-type: none;
margin: 0;
padding: 0.5em 0;
border-bottom: 1px solid #575757;
}
#sidebar ul a, ul.dates a, ul.counts a, ul.blogroll a, ul.pages a {
color: #BFBFBF;
text-decoration: none;
}
#sidebar ul a:hover, ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover {
color: #FFF;
}
/*-----------------------------------------------------------------------------------------------
Foooter
-----------------------------------------------------------------------------------------------*/
#footer {
clear: both;
color: #939393;
}
#footer .inside {
background: url(http://i495.photobucket.com/albums/rr312/monkey_tw/hemingway/footer_black.gif) 50% 0 repeat-x;
margin-top: 2em;
padding: 1em 0;
}
#footer p {
margin: 0 0 1em 0;
font-size: 0.95em;
}
#footer p.copyright {
float: left;
}
#footer p.attributes {
float: right;
}
#footer p a {
padding: 0 0 0 0;
text-decoration: none;
color: #939393;
}
#footer p a:hover {
color: #FFF;
}
/*-----------------------------------------------------------------------------------------------
Search
-----------------------------------------------------------------------------------------------*/
#search {
float: right;
width: 203px;
margin: 1em 3% 0 0;
-moz-opacity: 0.4;
text-align: right;
}
#search:hover {
-moz-opacity: 1.0;
}
#search .searchimg {
float: left;
width: 14px;
height: 13px;
margin-right: 5px;
background: url(http://i495.photobucket.com/albums/rr312/monkey_tw/hemingway/search.gif) 0 0 no-repeat;
position: relative;
top: 4px;
border: 0px;
}
#search input {
width: 175px;
font-size: 0.85em;
background: #CCC;
margin-top: 2px;
}
#search input:focus {
background: #FFF;
}
#search-results ul li:hover {
background: #202020;
}
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
#blog-pager {
float: left;
width: 100%;
text-align: center;
}
#blog-pager a {
text-decoration: none;
}
#blog-pager-newer-link {
float: left;
border: 1px solid #575757;
padding: 0.5em;
}
#blog-pager-older-link {
float: right;
border: 1px solid #575757;
padding: 0.5em;
}
/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {
text-align: center;
font-family: Tahoma,Verdana,arial,sans-serif;
}
#labelCloud .label-cloud li {
display: inline;
background-image: none !important;
padding: 0 5px;
margin: 0;
vertical-align: baseline !important;
border: 0 !important;
}
#labelCloud ul {
list-style-type: none;
margin: 0 auto;
padding: 0;
border: 0;
}
#labelCloud a img {
border: 0;
display: inline;
margin: 0 0 0 3px;
padding: 0;
}
#labelCloud a {
text-decoration: none;
}
#labelCloud a:hover {
text-decoration: underline;
}
#labelCloud li a {
}
#labelCloud .label-cloud {
}
#labelCloud .label-count {
padding-left: 0.2em;
font-size: 9px;
color: #000;
}
#labelCloud .label-cloud li:before {
content: "" !important;
}
.email-post-icon {
background: url("http://www.blogger.com/img/icon18_email.gif") no-repeat left;
padding: 9px;
}
.quick-edit-icon {
background: url("http://www.blogger.com/img/icon18_edit_allbkg.gif") no-repeat left;
padding: 9px;
}



]]></b:skin>
<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 22;
var maxColor = [255,165,0];
var minFontSize = 15;
var minColor = [139,90,0];
var lcShowCount = false;
</script>
</head>

<body>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header'>
<b:section class='inside' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Hemingway MonkeyBiz (Header)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>
<div id='search'>
<form action='http://www.google.com/cse' id='searchbox_demo' name='cse'>
<input name='cref' type='hidden' value=''/>
<input name='q' size='40' style='float:right' type='text'/>
<button class='searchimg' name='sa' type='submit' value=''/>
</form>
<script src='http://www.google.com/cse/tools/onthefly?form=searchbox_demo' type='text/javascript'/>
</div>
<h2>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</h2>
<p class='description'><data:description/></p>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'> &#171; <data:newerPageTitle/> </a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'> <data:olderPageTitle/> &#187; </a>
</span>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h2><data:post.backlinksLabel/></h2>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'>&#160;</span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='story'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
<b:if cond='data:post.url'>
<span class='read-on'><a expr:href='data:post.url' title='permanent link'> read on</a></span>
</b:if>
</div>

<div class='details'>
Posted
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'> <data:post.timestamp/></a>
</b:if>
</b:if>
on
<b:if cond='data:post.dateHeader'>
<data:post.dateHeader/>
</b:if>
|
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<span class='email-post-icon'>&#160;</span>
</a>
</span>
</b:if><br/>
Filed under:
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if><br/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</div>

</div>
</b:if>


<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='primary'>

<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h1>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>

<hr class='hide'/>

<div class='secondary'>
<h2>About this entry</h2>
<div class='featured'>
<p>Youre currently reading <data:post.title/>.</p>

<dl>
<dt>Published:</dt>
<dd>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if> on
<b:if cond='data:post.dateHeader'><data:post.dateHeader/></b:if>
</dd>
</dl>

<b:if cond='data:post.labels'>
<dl>
<dt>Taged:</dt>
<dd>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop></dd>
</dl>
</b:if>

<b:if cond='data:olderPageUrl'>
<dl>
<dt>Previous:</dt>
<dd><a expr:href='data:olderPageUrl'><data:olderPageTitle/></a></dd>
</dl>
</b:if>

<b:if cond='data:newerPageUrl'>
<dl>
<dt>Next:</dt>
<dd><a expr:href='data:newerPageUrl'><data:newerPageTitle/></a></dd>
</dl>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</div>
</div>
<div class='clear'/>
</b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'>&#160;</span>
</a>
</span>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h2 id='comment-post-message'><data:postCommentMsg/></h2>
<p><data:blogCommentMessage/></p>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' style='display: none'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='100%'/>
<data:post.iframeColorizer/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<span class='delete-comment-icon'>&#160;</span>
</a>
</span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<span class='quick-edit-icon'>&#160;</span>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='inside'>
<hr class='hide'/>
<div id='secondary'>
<div class='comment-head'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h2>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h2></b:if>
<span class='details'><a href='#comment-form'>Jump to comment form</a> | <a expr:href=' data:blog.homepageUrl + &quot;feeds/&quot; + data:post.id + &quot;/comments/default&quot;'> comments rss</a> | <a href='#links'>trackback uri</a>
</span>
</div>
<div class='clear'/>
<ol id='comments'>
<b:loop values='data:post.comments' var='comment'>
<a expr:name='&quot;comment-&quot; + data:comment.id'/>
<li expr:id='&quot;comment-&quot; + data:comment.id'>
<cite>
<span class='author'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
</span>

<span class='date'>
<a expr:href='&quot;#comment-&quot; + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
</span>
</cite>
<div class='content'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
<b:include data='comment' name='commentDeleteIcon'/>

</b:if>
</div>
<div class='clear'/>
</li>
</b:loop>
</ol>
<div class='clear'/>
<p class='comment-footer' style='font-size:1.2em;text-align:right;'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</div>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->

<b:include data='top' name='status-message'/>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='single-post' id='primary'>
<b:loop values='data:posts' var='post'><div class='inside'>
<b:include data='post' name='post'/>
<div class='clear'/>
</div>
<b:include data='post' name='comments'/>
</b:loop>
</div>
</b:if>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='twocol-stories' id='primary'>
<div class='inside'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
</b:loop>
<div style='text-align:right;padding:0 0 15px 0;'>
<!-- navigation -->
<b:include name='nextprev'/>

<div class='clear'/></div>

</div>
</div>
</b:if>

</b:includable>
</b:widget>
</b:section>

<div id='ancillary'><div class='inside'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == &quot;true&quot;'> <!-- team blog profile -->
<ul>
<b:loop values='data:authors' var='i'>
<li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
</b:loop>
</ul>

<b:else/> <!-- normal blog profile -->

<b:if cond='data:photo.url != &quot;&quot;'>
<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>

<dl class='profile-datablock'>
<dt class='profile-data'><data:displayname/></dt>

<b:if cond='data:showlocation == &quot;true&quot;'>
<dd class='profile-data'><data:location/></dd>
</b:if>

<b:if cond='data:aboutme != &quot;&quot;'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
</b:if>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>

// Don&#39;t change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a&gt;b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}


var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = &quot;<data:label.name/>&quot;;
ts[theName] = <data:label.count/>;
</b:loop>

for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById(&#39;labelCloud&#39;);
ul = document.createElement(&#39;ul&#39;);
ul.className = &#39;label-cloud&#39;;
for(var t in ts){
if(ts[t] &lt; cloudMin){
continue;
}
for (var i=0;3 &gt; i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement(&#39;li&#39;);
li.style.fontSize = fs+&#39;px&#39;;
li.style.lineHeight = &#39;1&#39;;
a = document.createElement(&#39;a&#39;);
a.title = ts[t]+&#39; Posts in &#39;+t;
a.style.color = &#39;rgb(&#39;+c[0]+&#39;,&#39;+c[1]+&#39;,&#39;+c[2]+&#39;)&#39;;
a.href = &#39;/search/label/&#39;+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement(&#39;span&#39;);
span.innerHTML = &#39;(&#39;+ts[t]+&#39;) &#39;;
span.className = &#39;label-count&#39;;
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(&#39; &#39;);
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>
<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Archives' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == &quot;expanded&quot;'>
<a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; + &quot;&amp;dir=close&amp;toggle=&quot; + data:interval.toggleId + &quot;&amp;toggleopen=&quot; + data:toggleopen'>
<span class='zippy toggle-open'>&#9660; </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; + &quot;&amp;dir=open&amp;toggle=&quot; + data:interval.toggleId + &quot;&amp;toggleopen=&quot; + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
&#9668;
<b:else/>
&#9658;
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='&quot;archivedate &quot; + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='posts' var='posts'><ul class='posts'><b:loop values='data:posts' var='i'><li><a expr:href='data:i.url'><data:i.title/></a></li></b:loop></ul></b:includable>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>

<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'>&#160;</div>
<hr class='hide'/>
<div id='footer' style='clear:both;'><div class='inside'>
<b:section class='foot' id='footer'/>
<p class='copyright'>Template by <a href='http://blog.monkeybiz.info'> MonkeyBiz</a></p>
<p class='attributes'>
<a href='http://yourblog/feeds/posts/default'><img alt='' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/> Entries Feed </a><a href='http://yourblog/feeds/comments/full'> Comments Feed</a>
</p>

</div>
</div>
</body>
</html>


About this entry


  1. Anonymous Jan 14, 2009, 6:07:00 AM

    你好!
    我很喜歡這個主題,你也把他修改得更適合blogger了!真棒!很想一起來使用。
    但是我裝了之後發現有點問題,就是你文章的文字字型怎麼比較像黑體而不是細明體,還有read-on功能要怎麼用,是要在文章內打什麼format的語法才可以摘要嗎???請問要怎麼設定呢!!

    謝謝!

     
  2. Monkey Jan 15, 2009, 9:42:00 PM

    1. 是的,我是使用黑體做為我的系統字型。在我的電腦所呈現的畫面,縮圖

    2.關於 read-on,我是採用http://easyadsensevn.blogspot.com/2008/09/how-to-add-blogger-read-more-expandable_05.html,這邊所介紹的方法。

    希望有幫到妳 :)

     
  3. Jul 11, 2009, 2:16:00 PM

    你好,我很喜歡你的這個版型,也想試著套用看看,但read on的部份我照著你採用的方法去做但出來的結果好像不太一樣?是不是你有另外改變什麼嗎? 我對css不熟,只能大概看懂架構而已,如果能得到你指導的話真的感謝萬分~

     
  4. Monkey Jul 17, 2009, 11:12:00 PM

    或許你可以把網址貼上來,直接幫你看哪邊可以修改。:)

     
  5. Jul 18, 2009, 11:29:00 PM

    http://mi-ne.blogspot.com
    我目前用的是另外一種的繼續閱讀,雖然好像沒起作用。(http://chenkaie.blogspot.com/2006/11/blog-adding-read-more-tag-in-blogger.html)
    我想理論上來說是不是可以只放"縮文"的語法,而不放後面繼續閱讀按鈕超連結的語法?因為已經有範本內建的read on了。
    謝謝Monkey大願意花時間幫忙~

     

Have your say

You can use some HTML tags, such as <b>, <i>, <a>