Tumblr is one of great microblogging site that we have out there. The simplicity of using it, attract many people to sign up and have one Tumblr account. You also can freely customize your Tumblr the way you want. But, could you create your own custom Tumblr theme? Yes, it is possible for you to create your own custom Tumblr theme. In this post, I’ll help and guide you the way to create your own custom Tumblr theme.
Creating your custom Tumblr theme is just like how you create custom themes or template for other blogging platforms such as Blogger & WordPress. Tumblr allowed their user to create their own custom Tumblr theme with the use of XHTML & CSS code. Just like how you create the other blog CMS custom theme. The different in creating your own custom Tumblr theme is only the loop code that being use.
To create your own custom Tumblr theme, first design the mock up of the custom Tumblr theme using Adobe Photoshop. By having a mock up design of your custom Tumblr theme, you’ll be able to visualize how the final result of the custom Tumblr theme would look like. It also help you to manage the images that will be use to code up your own custom Tumblr theme soon.
Here’s some video on how to create a basic mock up design using Adobe Photoshop. Use you own creativity to create a much more awesome custom Tumblr theme mock up.
And then, slice your custom Tumblr theme mock up images that will be use soon. After that, code the basic XHTML structure of the custom Tumblr. Just code the HTML first. Then, spice it up using CSS. This part might require you to have knowledge in HTML and CSS. You can learn it at W3schools website.
After you have the complete structure and working HTML site, now it is time to insert the Tumblr loop code to create your own custom Tumblr theme. If you were familiar with creating WordPress theme, then creating your own custom Tumblr theme is the same way. Just insert the Tumblr loop code into the HTML that you have created before. For Tumblr loop code reference, check out Tumblr Custom Theme Documentation page.
And that is how you can create your own custom Tumblr theme. Design the mock up in Adobe Photoshop first, then code it into XHTML & CSS and insert the Tumblr loop code. There you have your own custom Tumblr theme. You also can use jQuery to make your custom Tumblr theme look more awesome.
I know right, it is involve to many technical aspects in order to create your own Tumblr theme. For those who are not familiar with HTML & CSS language, this would be tricky for you guys. So, my advice is to start with any Tumblr theme that you can find it Tumblr Theme Garden. There are a lot of them. Then, try to tweak any of the Tumblr theme using W3school as reference.
There is no shortcut in learning how to create your own custom Tumblr theme. It just practice make perfect. So just keep try and error in order to create your own Tumblr theme. If you have Tumblr account, do follow my Tumblr at HelloSyuxx :D