March 2009
2 posts
7 tags
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...
4 tags
Download Theme (With Notes) →
The Springfield Theme now has Tumblr’s “notes” feature.
I still have the original theme (without notes) available on a separate file so you can choose.
January 2009
13 posts
2 tags
Update: Added Flickr Badge Integration
January 24th: I know it doesn’t look any different than the previous Flickr feature, but this time I’ve made it so the photos will update in sync your Flickr account.
I used a Flickr badge and integrated it with this theme.
I added a “How to” post here so you call can add it if you want.
If you’re already using this theme and want to add this feature, my...
2 tags
Download Theme →
This theme includes:
An area for your Twitter script (How to add Twitter to this Theme)
An area for your Disqus comments script (How to add Disqus to this theme)
Tags (they’re hidden if you choose not to use them)
A space for your Flickr photos
Customizable Colors
Please read the actual coding. I added “tips” within the code to help you out.
Also, If you just copy and paste the...
3 tags
4 tags
hunsonisgroovy:
hipstertracks: The Decemberists...
1 tag
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc est augue, rutrum a, lacinia id, fringilla nec, ligula. Mauris non neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin aliquam. Curabitur consectetur.
Donec eros justo, congue in, venenatis condimentum, molestie a, mauris.
Duis vel magna. In aliquet pede sit amet mauris.
Nam pretium...
1 tag
“Promises are only good for breaking”
– Dustin Hoffman (via hunsonisgroovy)
3 tags
Tumblr: The Best Blogging Site on the Web →
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc est augue, rutrum a, lacinia id, fringilla nec, ligula. Mauris non neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin aliquam. Curabitur consectetur.
Donec eros justo, congue in, venenatis condimentum, molestie a, mauris.
Duis vel magna. In aliquet pede sit amet mauris.
Nam pretium...
1 tag
Chat Title
Person A: My hands are cold.
Person B: So up on some gloves
Person A: I'm sitting on my hands
Person B: Then how are you typing?
Person A: iono
1 tag
How to Add Twitter to this Theme
Step 1: Go to the Dashboard > Click “Customize” > Click the “Theme” tab Step 2: Scroll to the bottom the code until you find this Step 3: Replace USERNAME with your twitter username within the <script> tag Step 4: Choose a number. This will represent the number of tweets that will show up.
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/USERNAME.json?...
How to add Disqus to this theme
The steps below will teach you how to integrate Disqus comments into this theme.
Step 1: Create or Log into your Disqus account Step 2: Add a website OR click on your website in the sidebar Step 3: It will take you here:”disqus.com/admin/moderate/YOURUSERNAME/” Step 4: Click on the “Tools” Tab Step 5: Select “Tumblr” in the drop down menu and press...
5 tags
Download Theme →
This theme includes:
An area for your Twitter script
An area for your Disqus comments script (only add the “Disqus Code for Tumblr”)
Tags (they’re hidden if you choose not to use them)
A space for your Flickr photos
Customizable Colors
Please read the actual coding. I added “tips” within the code to help you out.
Also, If you just copy and paste the theme… make sure you delete the...
2 tags
Adding a Flickr Badge to this Theme
A Flickr badge will automatically sync with your Flickr account displaying your recent photos or specific photos from a set.
Visit Flickr’s API explorer to get your Flickr ID here. Here’s a photo for guidance.
Copy your ID and paste it within the Flickr script in the code. Here’s a photo for guidance.