

Take Tumblr’s like and reblog buttons for example. It should also be noted that there are some elements in your theme which may now show up in the preview, but which will show up on your blog. If some of your content is hidden under a Read more or Continue reading link, then you won’t be able to see the changes made to those posts. However, as noted above, the preview pane only shows your blog’s homepage. If you’re happy with the changes and your blog’s new look, then just click the Save button. Doing so will also cause the blue Save button to show up. Clicking it will cause the preview pane to the right of the Edit HMTL section to change, reflecting the changes you’ve made.
TUMBLR THEMES BLOG UPDATE
If you make changes to your blog’s theme, the green Update Preview button will become clickable.
TUMBLR THEMES BLOG FREE
Click on the Edit HTML link if you want to make your own theme or if you’re using a free or paid theme that isn’t available in the Theme Garden. You can click on the Browse themes link if you want to check out the themes that are available on the Tumblr Theme Garden. Clicking on that link will take you to your blog’s Edit Theme page. If you hover your mouse over it, you will see the words, “Edit appearance”. You can buy it here.Īs you can see from the above screenshot, most blogs will have the Tumblr controls located on the upper right side of the page.Ĭlick on the one that looks like a palette. You can learn more about this theme on this post and this one. For this tutorial, I’ll be using the Arica Tumblr Theme’s demo blog as an example, so let’s go there now. Here are some screenshots on how you can change your blog’s theme and check out its layout and appearance:įirst, go to the homepage of the blog whose theme you want to change.

In case something goes wrong or you don’t like the new theme or the changes you’ve made, you can easily revert back to your old theme.
TUMBLR THEMES BLOG HOW TO
You can refer to this post to learn how to backup your theme. To see what the or post pages will look like, you will need to save the changes you’ve made. But this only applies to the homepage of your blog. You can see a preview of what your blog will look like if you change your theme. This is an answer to a question asked by Anonymous on my Soyuz Mir Tumblr blog. This article originally appeared in net magazine issue 242.How To Check The Appearance And Layout Of Your Tumblr Blog Theme? Enhancing the user's experience and utilising Tumblr's social aspect can be a very powerful tool for your projects. The possibilities of customising Tumblr are potentially endless. This will only display on the main feed pages. In this case, we are adding a border and slight drop shadow. By wrapping our blocks in HTML IDs and classes, we can target each piece of content that the blocks output: Īpplying some CSS to our markup, we can style our posts however we like. This photo post will display an image, a caption and the post's tags.įirst, we'll need to use Tumblr's 'blocks' to render some HTML for a set of data - in this case, our Photo Post. Here, we're going to display one of Tumblr's seven post types. For the sake of simplicity, I will be using inline CSS for this tutorial. In practice, I suggest calling a style sheet, hosted on an external server, the same way we do on a standard HTML page - although, I should mention that one advantage of using inline CSS would be that Tumblr serves the styles using its content delivery network (CDN). Two column posts are tucked inside neat little 'cards' By customising posts, you can create unique layouts, like on the Quirksville Tumblr.
