Adding “notes” to Existing Springfield Theme
If you have the old Springfield theme and would like to add notes, here’s how you do it.
1. Copy Tumblr’s “basic style sheet” for their notes feature below:
ol.notes {
padding: 0px;
margin: 25px 0px;
list-style-type: none;
border-bottom: solid 1px #ccc;
}
ol.notes li.note {
border-top: solid 1px #ccc;
padding: 10px;
}
ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}
ol.notes li.note span.action {
font-weight: bold;
}
ol.notes li.note .answer_content {
font-weight: normal;
}
ol.notes li.note blockquote {
border-color: #eee;
padding: 4px 10px;
margin: 10px 0px 0px 25px;
}
ol.notes li.note blockquote a {
text-decoration: none;
}
2. Then paste it somewhere in the CSS before “</style>” Here is a guide.
3. Scroll down the theme a bit until you reach “<!— Permalink Dates —>” Scroll down a bit more and locate the section as shown. It might look a little different, but the content is the same.
4. Copy the following code:
{block:NoteCount} |
<a href="{Permalink}">{NoteCountWithLabel}</a>
{/block:NoteCount}
and paste it right after:
<a href="{Permalink}#disqus_thread">Comments</a>
5. Make sure you repeat it twice as shown.
6. Lastly, scroll down to until you find “<!— Tagging Information —>”
7. Copy the following code:
{block:PostNotes} {PostNotes} {/block:PostNotes}
8. Paste it right before “{/block:Posts}” Here is a guide.
