How to add a page with custom theme
If you want to create a WIP page, character page, page for all your interests (e.g., reading or gaming catalogue, etc.) or whatever.
I tried to keep this as simple as possible; hope it's helpful!
Note: You can only do this on desktop. And this tutorial was made using the new tumblr layout.
1. Go to Settings.
2. on the right side, under Blogs, click on the blog you want to add a page to.
3. In the middle you will see the basics of your blog that you can edit, such as appearance, enabling asks, choosing whether to show your likes/followers.
Where it says Custom Theme, click the slider to Enable custom theme.
4. Click on the Edit theme button that appears.
Next you will see a left sidebar where you can customize your main theme (theme of your entire blog). On the right side will be a preview of your blog.
But that's a different tutorial. For now we want to create a page.
5. Scroll down and look for Add a page in the left sidebar.
Once you add a page, you can give it the Standard Layout or a Custom Layout or Link.
You can choose which one in the top left corner of the box that appears.
Standard Layout: The page will use your blog's main theme. If you just started out on tumblr you most likely have some default theme. You can type normally in this box, like you would when making a text post.
Link: The "page" can go to an external link.
Custom Layout: The page will have whatever theme you put here in code. Every page can have a different theme. It's great and fun.
6. Choose Custom Layout.
Paste your own code if you know how to make one. Or get one that's made already. Some places to find tumblr themes:
magnus themes
theme hunter
vault themes
shudesigns
glenthemes
You will find some instructions on how to use each theme. I do recommend knowing some basic HTML because it's useful.
7. Once you choose a theme you like, copy the theme's code. Usually the instructions will have a link to an external source like pastebin, where the code's text will be stored.
8. Paste the code in your Custom Layout box.
9. Give your page a URL.
10. If you want, you can click the slider to Show a link to this page. If you enable it, a link to the page will appear on your homepage. In this case, give it a title.
Alternatively, you might be using a custom main theme and don't want the link to show up in its default way on your homepage because you would rather play around with the custom code. Or perhaps you want the page to be "secret" (e.g., it's available, but not ready to be shown). Or you might have minor pages and it doesn't really matter to you if people can find it or not. A page could be entirely just for you. In that case, disable Show a link to this page.
You can click Update Preview to see how the page will look. This will show on the right side.
12. When you're done, click Save.
Note 1: The preview isn't always accurate due to spacing constraints so I recommend having your new page open in another tab. (You must save it initially otherwise it won't exist.) So any time you make changes, save your code and see how it looks in another tab.
Edit code > save > open new tab > type in URL of your new page. Any time you make changes, refresh if changes don't show immediately.
Update Preview is good though for minor edits like font colour.
Note 2: If you exit custom theme editing, you will lose prior progress. So remember to save! But sometimes you don't know if you want to keep the changes you made. That's another reason I recommend having your new custom page open in a separate tab. If you exit custom theme, you won't be able to restore previous saves in the event you decide you actually prefer some previous changes. If you keep editing open, you can freely undo (ctrl+z) any changes you made and save when you're happy.
Congratulations you have added a page to your blog and given it a custom theme!
If you're unable to create/save a custom theme and you get the dumb javascript message (“Looks like you’re trying to add some Javascript or invalid html to your page. You’ll need to contact Support if you’d like to use Javascript.”) go here on how to fix that.
