How to make a theme
Hello beaut and welcome to my tutorial on how to make a tumblr theme. I warn you this won't be easy, but have no fear everything will be explained shortly, from those meta tags to dreaded blocks! Please be patient with me & my adding of content as a work alot.

IMPORTANT: Please please please do not distribute/copy any tutorials found here to any other tumblr sites. I have spent a very very long time making this for you and it would literally break my heart to see it's content splashed over any other tutorial blog. I know you wouldn't do that anyway, 'cos you're beauts. Please note that if you do decide to copy my tutorials you will be reported, there's not excuse for laziness.



1: css & html 2: theme structure 3: base code 4: grid themes
5: adding credit 6: post links 7: meta tags

So maybe you want to show the notes of the post on the Index Page? Or maybe you want a direct link on the post to the reblog or permalink page? I’ll show you how!

You have two options…

1. Post links on the top/bottom

image image

2. Hover over post links, where the links show up when you hover over the post.

image image

OPTION 1

For this you’ll need to create the design on the links using css, do you want them to have a background? Did you want the font to be different? A simple example of this is:

#postlinks{

position:absolute;

font-size:10px;

padding:2px;

text-align:right;

}

Next, you need to add the ‘content’ of the post links, as you should already know I like to refer to the ‘body’ part of the theme as the content. You need to place it in a div box. Where you place this will depend on whether you want the post links on the top of your post or at the bottom.

image

image

OPTION 2

To make hover over post links please see my tutorial here.

THE LINKS.

So you have your post links sorted, but what links to what?

Here are a few of the common links and tags:

- Link to the permalink page: use {PermalinkPage} as the url, for example <a href=”{PermalinkPage}”>Permalink</a>

- Link to the reblog page: use {ReblogURL} as the url, for example <a href=”{ReblogURL}”>Reblog</a>

- Show the note count, you’d use that tag {NoteCounte}, for example ‘With {NoteCount} notes’.

- Show the date, you’d use the tags shown here (CLICK HERE) this is TUMBLR’s own list of date tags to use. For example ‘Posted on {DayOfWeek}’ would show as Posted on Monday/Tuesday….

Voila, you have links on your posts!

  1. celestial-wiener-dog reblogged this from howtomakeasimpletheme
  2. howtomakeasimpletheme posted this