How to Create a Tumblr Theme (Code Structure)

Posted in Tutorials • Posted on 59 Comments

As we have previously seen, Tumblr allows its uses to create custom themes, giving the owner of a tumbleblog the ability to truly customise their tumbleblog to be their own. While Tumblr coding is fairly easy to pick up compared to other more complex blogging systems, I want to give you an insight into the code and structure we are going to be deploying next time around when we set about converting a PSD to Tumblr.

Understanding the basics

Before we get stuck into the Tumblr code, you need to first know what a Tumblr theme looks like. Gone are the gazillion template files of other CMS’s; Tumblr uses one and only one. A single page of HTML, with the CSSs and scripts in the head of the file is all you’ll need.

Now that you know how a theme looks, we are going to look at two simple concepts that make our single HTML page into a fully dynamic Tumblr blog. These are variables and blocks.

Variables are exactly what the name suggests. A placeholder tag that our data is dynamically inserted into. They are used all across the theme in anything from titles to our dates. They use curly brackets and look like this :

Blocks, on the other hand, are a sort of step up from variables. They are used to display chunks of HTMLl and variables for different occurrences, e.g. for each different kind of Tumblr post. They can even be used conditionally to display stuff such as next and previous page links. Like variables, blocks use curly brackets, but are defined as a block, and open and close in a manner similar to HTML elements.

Put these blocks and variables to the user together within HTML, and you will end up with a theme!

Html hHead

As always in HTML, there are several pieces of information you are going to want to include within the head of your HTML document, and Tumblr does not let us down. It provides us with several variables that can be deployed with great ease.

{Title} – The HTML safe title of your blog

{Meta Description} – An HTML safe description of your blog for use within the meta tag

{Favicon} – A dynamically generated favicon URL from your portrait photo

{RSS} – The URL to the RSS feed of your tumbleblog

<head>
	<title>{Title}</title>
	<link rel="shortcut icon" href="{Favicon}">
	rss+xml" href="{RSS}">
	<meta name="description" content="{MetaDescription}" />
</head>

Basic Variables

Before we start displaying our posts and content, there are certain things we are going to want to display around our tumbleblog. Most of these are likely to appear in our header, such as our blog name, and logo/photo. Here are some of the variables that make this possible.

{Title} – The HTML safe title of your blog

{Description} – The description of your blog which may include the HTML

{PortraitURL-64} - The URL to your portrait picture. Different sizes are available (16, 24, 30, 40, 48, 64, 96, 128)

<div id="header">
	<h1>{Title}</h1>
	<p>{Description}</p>
	<img alt="{Title}" src="{PortraitURL-64}" />
</div>

Display Posts

Now that we have set up the easy stuff with some basic variables, it’s time to get stuck into the more dynamic posts which are rendered with the help of both blocks and variables. The posts block is placed in the area that all our different types of posts will be displayed.

Within our posts block, we can start to branch out into our many different kinds of posts. Each of these is shown below.

{block:Text}{/block:Text} – Displays text posts

{block:Photo}{/block:Photo} – Displays photo posts

{block:Photoset}{/block:Photoset} – Displays photoset posts

{block:Quote}{/block:Quote} – Displays quote posts

{block:Link}{/block:Link} – Displays link posts

{block:Chat}{/block:Chat} – Displays chat posts

{block:Audio}{/block:Audio} – Displays audio posts

{block:Video}{/block:Video} – Displays Video posts

{block:Answer}{/block:Answer} – Displays answer posts

Each different type of post has several different types of variables and further blocks that are relevant only to that type of post, but there are several variables that are likely to be used in ever post such as the link, and tags.

{Permalink} – The exact URL for a single post

{ShortURL} – The sharing friendly short URL for a single post

{PostID} – The unique numeric post ID for a single post

{block:Posts}
...
	{block:Text}
	<div>
		{block:Title}
		<h2><a href="{Permalink}">{Title}</a></h2>
		{/block:Title}
		<div>
		{Body}
		</div>
	</div>
	{/block:Text}
...
{/block:Posts}

Moving down into each specific post type itself, variables and blocks become far more specific to the post type. I won’t go into any of them as there’s a lot to remember, but if you feel you want to take a look at the them now, then here’s where to learn more.

Next / Previous Links

The other majorly important feature you are going to want to include is the pagination for your posts and pages.

An initial block is used to conditionally display the full pagination html, with two further conditional blocks to conditionally display each Previous and Next link. Finally, two variables are used to display the relevant destination url.

Single posts have different blocks and variables for pagination than those for pages, so here they are.

For pages, these are the blocks and variables used for pagination.

{block:Pagination}{/block:Pagination} – Only displays if there are previous/next pages to link to

{block:PreviousPage}{/block:PreviousPage} – Only displays if there is a previous page

{block:NextPage}{/block:NextPage} – Only displays if there is a next page

{PreviousPage} - URL for the previous page

{NextPage} – URL for the next page

{block:Pagination}
<ul>
	{block:PreviousPage}
	<li>
		<a href="{<span class=">PreviousPage</a><a href="{<span class=">}">Previous</a>
	</li>
	{/block:PreviousPage}
	{block:NextPage}
	<li>
		<a href="{<span class=">NextPage</a><a href="{<span class=">}">Next</a>
	</li>
	{/block:NextPage}
</ul>
{/block:Pagination}

Similarly, for posts, these are the relevant blocks and variables.

{block:PermalinkPagination}{/block:PermalinkPagination} – Only displays if there are previous/next posts

{block:PreviousPost}{/block:PreviousPost} – Only displays if there is a previous post

{block:NextPost}{/block:NextPost} – Only displays if there is a next post

{PreviousPost} - URL for the previous post

{NextPost} – URL for the next post

{block:PermalinkPagination}
<ul>
	{block:PreviousPost}
	<li>
		<a href="{<span class=">PreviousPost</a><a href="{<span class=">}">Previous</a>
	</li>
	{/block:PreviousPost}
	{block:NextPost}
	<li>
		<a href="{<span class=">NextPost</a><a href="{<span class=">}">Next</a>
	</li>
	{/block:NextPost}
</ul>
{/block:PermalinkPagination}

Further Reading

There are several further features that you may want to add into your theme, and as usual Tumblr caters for many of them. However, I simply wanted to go over the basics here, and not flood you with unnecessary information while learning. If you do want to continue reading, take a look at the official Tumblr documentation for these features listed below.

What’s up Next?

Next up is a tutorial that will teach you how to take a PSD design of a tumbleblog, and turn it into a fully fledged Tumblr theme. Keep your eyes open for that, but for now, here’s a sneak peek at what we’ll be creating!

Click on the image to see Full Size


20 Written ArticlesWebsite

Matt is an 18 year old web designer from Scotland, UK. He loves creating beautiful websites across different platforms. High on his things to learn fully are Jquery and php. He is extremely excited by css3 and html5 and can't wait to see them rolled out fully. To learn more about Matt, follow him @QwibbleDesigns, or check out his portfolio.

59 Comments Best Comments First
  • Naf Amer ♥

    Sunday, December 12th, 2010 10:26

    32

    Can I Ask Something..

    How to Add Tabs in your Tumblr Page?

    +3
  • andy

    Monday, August 23rd, 2010 19:17

    23

    hey matthew,
    i’m still waiting for your “psd to complete tumblr” tutorial

    thanks

    +3
  • Maria

    Wednesday, March 14th, 2012 06:28

    58

    Packaging your theme for public use is simple. Go to tumblr.com/themes (the themes garden). If you click on “submit a theme” you’ll be redirected to tumblr.com/themes/new. Make sure your theme meets all the requirements listed at the right of the screen. Type under “Title” your theme’s name and put you theme in the “source code” field. Upload a screenshot of your theme for display in the themes garden. Once that’s done, your theme is ready for others to use.

    +2
  • Galen Gidman

    Saturday, January 28th, 2012 05:28

    55

    Nice writeup — I actually created a framework that speeds up Tumblr theme development by a lot. Let me know what you guys think of it: https://github.com/galengidman/tumblr-framework

    +1
  • ani

    Tuesday, June 29th, 2010 13:28

    20

    hey i kinda sorta got it o_o but for some reason after adding the code for blocks, i end up getting bullets for every post and i dont know how to fix it. i cant find one single bullet in the html lol. perhaps yu can help?

    0
  • Bianca Filoteo

    Saturday, June 26th, 2010 17:50

    16

    Thanks so much for writing this post, Matthew! It came just in time, too, because I’m starting to really want to design my own Tumblr themes but didn’t know where to start! Looking forward to your next Tumblr tutorial post :)

    0
    • Matthew Corner

      Tuesday, June 29th, 2010 01:58

      19

      Glad you like it Bianca. The writing of the next article is underway, and I can’t wait to publish it =)

      0
  • carréra

    Monday, June 28th, 2010 17:21

    17

    Really liked your tut. though you look like justin bieber in your pic o.o

    0
    • Matthew Corner

      Tuesday, June 29th, 2010 01:56

      18

      Oh dear, time for a haircut methinks =D

      Glad you like it.

      Matt

      0
      • Mia Shurden

        Thursday, July 29th, 2010 06:08

        21

        Hello. I am trying to edit a tumblr theme. The one I have wont allow the text that comes along with photo’s to show. I can’t figure out how to fix it. Not sure what I’m doing wrong. Help?

        Thank you.

        0
  • Tom

    Sunday, August 1st, 2010 04:59

    22

    When will the psd to tumblr theme tutorial be available? And will it show you how to upload online, and insert tumblr codes? Because i have some knowledge of html coding, but i really need a step by step, from start to finish process , in order to understand and learn. Thanks

    0
  • tsquez

    Friday, September 17th, 2010 02:27

    26

    Any idea when the next part is going to be available? if it is i can’t find it?

    0
  • thei

    Wednesday, September 1st, 2010 07:35

    25

    i want to move my widget on the right side of my page. how do i do that?

    0
  • Frederic Bartl

    Thursday, August 26th, 2010 15:39

    24

    Awesome! THX… cant wait to see the psd to T tut !

    0
  • Jordan Walker

    Wednesday, June 23rd, 2010 15:11

    14

    Thanks for the write on Tumblr themes.

    0
  • David

    Friday, September 24th, 2010 07:35

    27

    hey matt whats the normal price for coding a simple tumblr theme? hope u can help me.

    0
    • Saad Bassi

      Friday, September 24th, 2010 08:43

      28

      A psd design is usually charged 500$ to be converted in a tumblr theme.

      -3
  • MIchael

    Monday, June 21st, 2010 15:25

    6

    Thanks for this Matthew (Matt?).

    I just reworked the cosmetics of Solstice by Jake Paul, and the whole while I was thinking “hmm, keep an eye out for an intelligent and fairly easy tutorial on building a Tumblr theme.”

    I’ll use this to redesign my social-hometown-photo-sharing tumblr site at aroundmytown.us

    Again Matthew, thanks!

    P.S. Should you have a photo of your town to share, by all means, please do so!

    0
    • Matthew Corner

      Monday, June 21st, 2010 19:49

      8

      And Matt, Matthew, either go =D

      0
    • Matthew Corner

      Monday, June 21st, 2010 19:49

      7

      Keep an eye open for the psd to html tutorial then, you may pick up some tips =)

      0
  • Betik

    Monday, June 21st, 2010 13:52

    5

    From what you’ve written there. Surely it’s looks easy to make.
    I think i should try it once a while :P

    0
    • Matthew Corner

      Monday, June 21st, 2010 19:51

      10

      I guess it’s just like html, remembering the tags. Only thing that’s different is that you have a set of conditional tags as well =D

      0
      • Bettie

        Friday, June 25th, 2010 10:03

        15

        owh well.i guess a hands on experiment will show the easiness of developing the tumblr right?
        Thanks again for your time! :)

        0
  • Izzat Aziz

    Monday, June 21st, 2010 18:47

    4

    I read the tumblr theme documentation last night, and one thing that come to my head is that “wow, that easy”.

    Before this i’m user and die hard fan of wordpress (still now) play around with creating wordpress theme is a bit complex (but if you learn plone, you know wordpress is much easier) but for tumblr it really simple.

    Like I say I read the documentation last night, and using the theme i made today. You can see at my blog, well it pretty simple.. but for one day work I think that pretty good.

    For me to make theming the tumblr much easier, design the layout in html form, try make it look like it supposed to look in tumblr. Because when you done that, everything else simply copy and paste.

    Can’t wait for your next tutorial though :)

    0
  • federico totti

    Monday, June 21st, 2010 15:58

    2

    Loved it, I’m starting to use tumblr now!

    0
  • Cosmin Negoita

    Monday, June 21st, 2010 12:25

    3

    Mmmm…seems tasty :D
    I’m surprised how Tublr themes are built :) so much different from WP. Good article!

    0
    • Matthew Corner

      Monday, June 21st, 2010 19:50

      9

      Thanks, yeah, they get rid of all the php. I suppose you could say {block:posts}{/block:posts} is sort of the loop, but it does most of that error checking for us =D

      0
  • Jason

    Tuesday, June 22nd, 2010 06:05

    11

    One of the cleanest skinning tuts I’ve seen. Retweeted.

    0
    • Matthew Corner

      Tuesday, June 22nd, 2010 11:50

      13

      Thanks for the RT =D

      0
  • Dan

    Monday, October 18th, 2010 04:57

    30

    Hello,

    I need help getting my notes (notes, reblogs, likes) to display. I am using a theme that I modified with some basic CSS and HTML to make it my own, but didn’t touch anything with Notes but for some reason none of the notes ever show in my blog – help!

    0
  • Penny

    Monday, May 23rd, 2011 15:24

    43

    A decent primer, I suppose, but all in all there are some gaps and open-ended concepts here. I take it the planned sequel article was shelved?

    0
    • Rean John Uehara

      Monday, May 23rd, 2011 16:09

      42

      Unfortunately you are correct. It’s been almost a year since this was published, but we’re keeping tabs of articles that needs updating as of late and will do something about them soon. :)

      0
      • Dapo

        Saturday, November 5th, 2011 16:29

        50

        Please do the sequel article. I think a lot of people would be interested in how to take a psd design of a tumbleblog, and turn it into a fully fledged Tumblr theme. Thanks.

        0
  • Jonathan

    Friday, October 28th, 2011 07:21

    48

    After the first part they said now we are done with the easy stuff, now let’s get into the more complicated. I’m sorry, but all of that was confusing as Hell.

    0
    • Jill babeyy

      Saturday, November 5th, 2011 19:41

      51

      ahaahhah yeahhh!

      0
  • Hotele Karpacz

    Monday, October 24th, 2011 13:53

    47

    Thanks for the write up! Also, just a heads up, your RSS feeds aren’t working. Could you take a appear at that?

    0
  • Sara

    Wednesday, October 12th, 2011 05:36

    46

    Please please post the psd follow up!

    0
  • Erica

    Wednesday, October 13th, 2010 19:06

    29

    My tumblr isn’t showing all my posts. It only shows the most recent post when I make multiple posts a day. Could someone please help me with the coding, so it shows all my posts in a day, instead of JUST the most recent. email me please!!!

    0
  • Jonathan

    Friday, October 28th, 2011 07:22

    49

    Can someone just make a dang program that does this for you? I never will understand all this programming stuff.

    0
    • Jacque

      Saturday, December 24th, 2011 17:20

      52

      Yah it’s to fucking long who’s gonna read all this?

      -2
      • Michael

        Monday, January 2nd, 2012 02:21

        53

        Can’t tell if trolling…or lazy.

        +1
  • xG

    Sunday, April 1st, 2012 21:32

    59

    hello!
    i was trying to search google and happen to stumble upon your blog. i wanted to ask if you can help me with this html/css problem i have in my tumblr blog. i just made a new tumblr account. i have this theme in my head but i dont know how to execute parts of it. so here it goes. say, i have made a start/landing page and then there are links that will direct the user to a page that have blog posts with specific tags. i understand that tumblr has this option in adding pages and giving the chance to choose among standard, custom and redirect. problem is i don’t have the redirect option. i read somewhere that this option is available to old tumblr users only. so i am trying to figure out a code where i will just manually do it (directing users to a page with a specific post and of course a slightly different theme)

    hope you can help me.

    0
  • Jayesh

    Sunday, January 29th, 2012 12:01

    56

    Did the follow up tutorial to design a psd and then code it to HTML written?
    Please provide me link for that post.

    0
    • Jayesh

      Tuesday, January 31st, 2012 12:00

      57

      I am waiting…

      0
  • Rach

    Tuesday, January 10th, 2012 10:03

    54

    wats with all those random letters like and stuff, i want to be a theme maker so i neeeeeeeed to understand these

    0
  • Thea

    Friday, June 10th, 2011 08:45

    44

    This is basically the same as the Tumblr tutorial. It helps, but only if you know the very basics and stuff.

    0
  • raeraerae

    Saturday, January 22nd, 2011 17:43

    35

    Does anyone know how to edit the distance between posts? i.e. I want all my photos and text posts to look connected… and the source of my reblogs to be hidden until they click on the permalink. Does anyone know how to do this? Thanks so much!

    0
  • jennydooan

    Wednesday, December 15th, 2010 05:46

    33

    i was wondering what is the code to leave one side of your page as is and only the other side scrolling up and down so in other words to freeze one side of your page and only the other side being able to move up and down when you are scrolling

    0
  • Frank

    Thursday, October 21st, 2010 00:19

    31

    I want to create more links down the right hand side where currently you have HOME, RANDOM etc. I know the fonts Helvetica Lite but cannot understand how to make and image,upload it to the static site which it mentions in the code and position etc. Im at a loss and the themes creator is less than helpful.

    Any help very much appreciated

    0
  • toufik

    Monday, June 21st, 2010 12:26

    1

    hei matt, thank u for posting this.
    cheers :)

    0
  • Anonymous

    Sunday, January 16th, 2011 15:27

    34

    #div {
    position: fixed;
    }

    0
  • fernando

    Wednesday, March 9th, 2011 22:53

    39

    I was waiting for the tutorial to take a psd design of a tumbleblog, and turn it into a fully fledged Tumblr theme

    0
  • Angela

    Tuesday, January 25th, 2011 19:43

    36

    Hi, how do I make the code to show the number show this?
    1, 2, 3, 4, 5 BACK

    it’s like, visitors can just choose to skip to page 4 of my posts.

    0
  • alejandra

    Sunday, May 1st, 2011 18:37

    41

    this, is all too confusing. I did not understand any of this, at all, whatsoever.

    0
  • angel

    Sunday, May 1st, 2011 08:20

    40

    Hi…this post is pretty old and I can’t find the next tutorial, do you still thinking do it?..I hope you do because is hard found good tutorials about tumbl thems

    0
  • GSB

    Tuesday, February 1st, 2011 03:59

    37

    Any intention of expanding on this or posting up your PSD tutorial? I’d love to read it.

    0
    • Chris M

      Sunday, February 13th, 2011 23:33

      38

      I was wondering the same thing, it’s over 6 months ago that this was published =\

      0
  • Matthew Corner

    Tuesday, June 22nd, 2010 11:49

    12

    Yeah, some seem to have replaced some of the Tumblr variables. I’ll fix that up a.s.a.p =)

    Thanks mate =)

    0
  • xG

    Sunday, April 1st, 2012 21:32

    59

    hello!
    i was trying to search google and happen to stumble upon your blog. i wanted to ask if you can help me with this html/css problem i have in my tumblr blog. i just made a new tumblr account. i have this theme in my head but i dont know how to execute parts of it. so here it goes. say, i have made a start/landing page and then there are links that will direct the user to a page that have blog posts with specific tags. i understand that tumblr has this option in adding pages and giving the chance to choose among standard, custom and redirect. problem is i don’t have the redirect option. i read somewhere that this option is available to old tumblr users only. so i am trying to figure out a code where i will just manually do it (directing users to a page with a specific post and of course a slightly different theme)

    hope you can help me.

    0
  • Maria

    Wednesday, March 14th, 2012 06:28

    58

    Packaging your theme for public use is simple. Go to tumblr.com/themes (the themes garden). If you click on “submit a theme” you’ll be redirected to tumblr.com/themes/new. Make sure your theme meets all the requirements listed at the right of the screen. Type under “Title” your theme’s name and put you theme in the “source code” field. Upload a screenshot of your theme for display in the themes garden. Once that’s done, your theme is ready for others to use.

    +2
  • Jayesh

    Sunday, January 29th, 2012 12:01

    56

    Did the follow up tutorial to design a psd and then code it to HTML written?
    Please provide me link for that post.

    0
    • Jayesh

      Tuesday, January 31st, 2012 12:00

      57

      I am waiting…

      0
  • Galen Gidman

    Saturday, January 28th, 2012 05:28

    55

    Nice writeup — I actually created a framework that speeds up Tumblr theme development by a lot. Let me know what you guys think of it: https://github.com/galengidman/tumblr-framework

    +1
  • Rach

    Tuesday, January 10th, 2012 10:03

    54

    wats with all those random letters like and stuff, i want to be a theme maker so i neeeeeeeed to understand these

    0
  • Jonathan

    Friday, October 28th, 2011 07:22

    49

    Can someone just make a dang program that does this for you? I never will understand all this programming stuff.

    0
    • Jacque

      Saturday, December 24th, 2011 17:20

      52

      Yah it’s to fucking long who’s gonna read all this?

      -2
      • Michael

        Monday, January 2nd, 2012 02:21

        53

        Can’t tell if trolling…or lazy.

        +1
  • Jonathan

    Friday, October 28th, 2011 07:21

    48

    After the first part they said now we are done with the easy stuff, now let’s get into the more complicated. I’m sorry, but all of that was confusing as Hell.

    0
    • Jill babeyy

      Saturday, November 5th, 2011 19:41

      51

      ahaahhah yeahhh!

      0
  • Hotele Karpacz

    Monday, October 24th, 2011 13:53

    47

    Thanks for the write up! Also, just a heads up, your RSS feeds aren’t working. Could you take a appear at that?

    0
  • Sara

    Wednesday, October 12th, 2011 05:36

    46

    Please please post the psd follow up!

    0
  • Thea

    Friday, June 10th, 2011 08:45

    44

    This is basically the same as the Tumblr tutorial. It helps, but only if you know the very basics and stuff.

    0
  • Penny

    Monday, May 23rd, 2011 15:24

    43

    A decent primer, I suppose, but all in all there are some gaps and open-ended concepts here. I take it the planned sequel article was shelved?

    0
    • Rean John Uehara

      Monday, May 23rd, 2011 16:09

      42

      Unfortunately you are correct. It’s been almost a year since this was published, but we’re keeping tabs of articles that needs updating as of late and will do something about them soon. :)

      0
      • Dapo

        Saturday, November 5th, 2011 16:29

        50

        Please do the sequel article. I think a lot of people would be interested in how to take a psd design of a tumbleblog, and turn it into a fully fledged Tumblr theme. Thanks.

        0
  • alejandra

    Sunday, May 1st, 2011 18:37

    41

    this, is all too confusing. I did not understand any of this, at all, whatsoever.

    0
  • angel

    Sunday, May 1st, 2011 08:20

    40

    Hi…this post is pretty old and I can’t find the next tutorial, do you still thinking do it?..I hope you do because is hard found good tutorials about tumbl thems

    0
  • fernando

    Wednesday, March 9th, 2011 22:53

    39

    I was waiting for the tutorial to take a psd design of a tumbleblog, and turn it into a fully fledged Tumblr theme

    0
  • GSB

    Tuesday, February 1st, 2011 03:59

    37

    Any intention of expanding on this or posting up your PSD tutorial? I’d love to read it.

    0
    • Chris M

      Sunday, February 13th, 2011 23:33

      38

      I was wondering the same thing, it’s over 6 months ago that this was published =\

      0
  • Angela

    Tuesday, January 25th, 2011 19:43

    36

    Hi, how do I make the code to show the number show this?
    1, 2, 3, 4, 5 BACK

    it’s like, visitors can just choose to skip to page 4 of my posts.

    0
  • raeraerae

    Saturday, January 22nd, 2011 17:43

    35

    Does anyone know how to edit the distance between posts? i.e. I want all my photos and text posts to look connected… and the source of my reblogs to be hidden until they click on the permalink. Does anyone know how to do this? Thanks so much!

    0
  • Anonymous

    Sunday, January 16th, 2011 15:27

    34

    #div {
    position: fixed;
    }

    0
  • jennydooan

    Wednesday, December 15th, 2010 05:46

    33

    i was wondering what is the code to leave one side of your page as is and only the other side scrolling up and down so in other words to freeze one side of your page and only the other side being able to move up and down when you are scrolling

    0
  • Naf Amer ♥

    Sunday, December 12th, 2010 10:26

    32

    Can I Ask Something..

    How to Add Tabs in your Tumblr Page?

    +3
  • Frank

    Thursday, October 21st, 2010 00:19

    31

    I want to create more links down the right hand side where currently you have HOME, RANDOM etc. I know the fonts Helvetica Lite but cannot understand how to make and image,upload it to the static site which it mentions in the code and position etc. Im at a loss and the themes creator is less than helpful.

    Any help very much appreciated

    0
  • Dan

    Monday, October 18th, 2010 04:57

    30

    Hello,

    I need help getting my notes (notes, reblogs, likes) to display. I am using a theme that I modified with some basic CSS and HTML to make it my own, but didn’t touch anything with Notes but for some reason none of the notes ever show in my blog – help!

    0
  • Erica

    Wednesday, October 13th, 2010 19:06

    29

    My tumblr isn’t showing all my posts. It only shows the most recent post when I make multiple posts a day. Could someone please help me with the coding, so it shows all my posts in a day, instead of JUST the most recent. email me please!!!

    0
  • David

    Friday, September 24th, 2010 07:35

    27

    hey matt whats the normal price for coding a simple tumblr theme? hope u can help me.

    0
    • Saad Bassi

      Friday, September 24th, 2010 08:43

      28

      A psd design is usually charged 500$ to be converted in a tumblr theme.

      -3
  • tsquez

    Friday, September 17th, 2010 02:27

    26

    Any idea when the next part is going to be available? if it is i can’t find it?

    0
  • thei

    Wednesday, September 1st, 2010 07:35

    25

    i want to move my widget on the right side of my page. how do i do that?

    0
  • Frederic Bartl

    Thursday, August 26th, 2010 15:39

    24

    Awesome! THX… cant wait to see the psd to T tut !

    0
  • andy

    Monday, August 23rd, 2010 19:17

    23

    hey matthew,
    i’m still waiting for your “psd to complete tumblr” tutorial

    thanks

    +3
  • Tom

    Sunday, August 1st, 2010 04:59

    22

    When will the psd to tumblr theme tutorial be available? And will it show you how to upload online, and insert tumblr codes? Because i have some knowledge of html coding, but i really need a step by step, from start to finish process , in order to understand and learn. Thanks

    0
  • ani

    Tuesday, June 29th, 2010 13:28

    20

    hey i kinda sorta got it o_o but for some reason after adding the code for blocks, i end up getting bullets for every post and i dont know how to fix it. i cant find one single bullet in the html lol. perhaps yu can help?

    0
  • carréra

    Monday, June 28th, 2010 17:21

    17

    Really liked your tut. though you look like justin bieber in your pic o.o

    0
    • Matthew Corner

      Tuesday, June 29th, 2010 01:56

      18

      Oh dear, time for a haircut methinks =D

      Glad you like it.

      Matt

      0
      • Mia Shurden

        Thursday, July 29th, 2010 06:08

        21

        Hello. I am trying to edit a tumblr theme. The one I have wont allow the text that comes along with photo’s to show. I can’t figure out how to fix it. Not sure what I’m doing wrong. Help?

        Thank you.

        0
  • Bianca Filoteo

    Saturday, June 26th, 2010 17:50

    16

    Thanks so much for writing this post, Matthew! It came just in time, too, because I’m starting to really want to design my own Tumblr themes but didn’t know where to start! Looking forward to your next Tumblr tutorial post :)

    0
    • Matthew Corner

      Tuesday, June 29th, 2010 01:58

      19

      Glad you like it Bianca. The writing of the next article is underway, and I can’t wait to publish it =)

      0
  • Jordan Walker

    Wednesday, June 23rd, 2010 15:11

    14

    Thanks for the write on Tumblr themes.

    0
  • Jason

    Tuesday, June 22nd, 2010 06:05

    11

    One of the cleanest skinning tuts I’ve seen. Retweeted.

    0
    • Matthew Corner

      Tuesday, June 22nd, 2010 11:50

      13

      Thanks for the RT =D

      0
  • MIchael

    Monday, June 21st, 2010 15:25

    6

    Thanks for this Matthew (Matt?).

    I just reworked the cosmetics of Solstice by Jake Paul, and the whole while I was thinking “hmm, keep an eye out for an intelligent and fairly easy tutorial on building a Tumblr theme.”

    I’ll use this to redesign my social-hometown-photo-sharing tumblr site at aroundmytown.us

    Again Matthew, thanks!

    P.S. Should you have a photo of your town to share, by all means, please do so!

    0
    • Matthew Corner

      Monday, June 21st, 2010 19:49

      7

      Keep an eye open for the psd to html tutorial then, you may pick up some tips =)

      0
    • Matthew Corner

      Monday, June 21st, 2010 19:49

      8

      And Matt, Matthew, either go =D

      0
  • Betik

    Monday, June 21st, 2010 13:52

    5

    From what you’ve written there. Surely it’s looks easy to make.
    I think i should try it once a while :P

    0
    • Matthew Corner

      Monday, June 21st, 2010 19:51

      10

      I guess it’s just like html, remembering the tags. Only thing that’s different is that you have a set of conditional tags as well =D

      0
      • Bettie

        Friday, June 25th, 2010 10:03

        15

        owh well.i guess a hands on experiment will show the easiness of developing the tumblr right?
        Thanks again for your time! :)

        0
  • Izzat Aziz

    Monday, June 21st, 2010 18:47

    4

    I read the tumblr theme documentation last night, and one thing that come to my head is that “wow, that easy”.

    Before this i’m user and die hard fan of wordpress (still now) play around with creating wordpress theme is a bit complex (but if you learn plone, you know wordpress is much easier) but for tumblr it really simple.

    Like I say I read the documentation last night, and using the theme i made today. You can see at my blog, well it pretty simple.. but for one day work I think that pretty good.

    For me to make theming the tumblr much easier, design the layout in html form, try make it look like it supposed to look in tumblr. Because when you done that, everything else simply copy and paste.

    Can’t wait for your next tutorial though :)

    0
  • Cosmin Negoita

    Monday, June 21st, 2010 12:25

    3

    Mmmm…seems tasty :D
    I’m surprised how Tublr themes are built :) so much different from WP. Good article!

    0
    • Matthew Corner

      Monday, June 21st, 2010 19:50

      9

      Thanks, yeah, they get rid of all the php. I suppose you could say {block:posts}{/block:posts} is sort of the loop, but it does most of that error checking for us =D

      0
  • federico totti

    Monday, June 21st, 2010 15:58

    2

    Loved it, I’m starting to use tumblr now!

    0
  • toufik

    Monday, June 21st, 2010 12:26

    1

    hei matt, thank u for posting this.
    cheers :)

    0
  • Matthew Corner

    Tuesday, June 22nd, 2010 11:49

    12

    Yeah, some seem to have replaced some of the Tumblr variables. I’ll fix that up a.s.a.p =)

    Thanks mate =)

    0

Comments are closed.

50.19.206.49 - unknown - unknown - US