![]() But, the process is different for themes that you buy or download from a third-party marketplace. You just find a theme you like and click on that green Install button. Installing a theme from the Tumblr themes directory is fairly an easy process. In this post, we’ll show you exactly how to change a Tumblr theme and install a Tumblr theme from scratch with step-by-step instructions. So you’ve bought a brand new and beautiful premium theme for your Tumblr blog but you’ve no idea how to install Tumblr themes? We’ll help you with that. You might be asked for further information before you’re granted Javascript permissions.How to Use, Install & Change Tumblr Themes Published On: Submit the form and wait for an email response.If you only want Javascript-including pages on one blog, you can select that blog in the “Relevant blog” dropdown.In the case of pages I’ve made, these would be the links that start “/…” In the text box, also include links to the page codes you’re trying to use so Tumblr staff can see what code you want to use.In the text box below the category dropdown, write that you want Javascript enabled on your blogs, then add the URL(s) of the blog(s) you want to install the page on.Choose the “Customizing your Tumblr” category.You’ll need to contact Support if you’d like to use Javascript”, you’ll first need to follow these steps before you can add and save your page: If you try to save your page and get an error saying “Looks like you’re trying to add some Javascript or invalid html to your page. “Contact support to use Javascript” message Feel free to keep customizing as you like! (If you’re Saving and reopening in a new tab, note that it might take a minute or so for your changes to be reflected on the actual blog.) To see your changes will look like, keep hitting Update Preview. Edit the page to your liking according to the instructions in the code.(If you’re getting this broken preview and you’d like to see what the default look actually is, choose “Save” and open the page in a new tab. The text might look a little corrupted, with things like or the like displaying, but as long as something other than a blank screen shows up, you’re good to get started. In the blank text box underneath, paste the copied page code from step 1.In the top menu on this page, change the page type to “Custom Layout”:.Scroll to the bottom of this menu and find the “Add a page” option. Open the Customize page for your Tumblr blog.Open the “Code” link for the page you want and copy all the text on that page ( Ctrl/Cmd+A, Ctrl/Cmd+C should get everything).Once you’re in, enter any CSS into the text box under the heading “ADD CUSTOM CSS”: To add custom CSS, go the Advanced Options menu at the bottom of the Customize menu: Once you’re in, turn on the “Use default mobile theme” option, pictured below: To enable this feature, go the Advanced Options menu at the bottom of the Customize menu: As before, fill out the title for your link and the actual URL for your external page.Īll themes marked “responsive” are usable on mobiles. Then fill out the page as you like.Īdding links to external pages (not pages on your blog) can be done by switching the page to a “Link” type from the top left of the menu (see below). To add a custom link, you’ll want to scroll to the bottom of the Customize menu and find the “Add a page” option.įrom this menu, enable the “Show a link to this page” option on the top right and enter a title for your link. Toggling all the options fixes this and gets everything to display correctly. For example, if “Show Random link” is enabled, Tumblr will show it as disabled instead. When first loading a theme, for some reason, Tumblr displays toggle options as the opposite of what they actually are. For all the toggle options, click them once, so they turn off if they were on, and on if they were off. Exit out of the HTML view and scroll down to the Theme Options section.Choose Update Preview and ensure the basic theme is displaying correctly.Select everything and replace it with the copied theme code from step 1.At the top of the customization menu, under your theme name, select the “Edit HTML” link: Open the “Code” link for a theme and copy all the text on that page ( Ctrl/Cmd+A, Ctrl/Cmd+C should get everything).“Contact support to use Javascript” message.If not, send me an ask! TABLE OF CONTENTS Themes Hopefully, this will solve the questions or bugs you encounter while installing a code. Here is a general guide to setting up my themes and pages. Themes Pages All codes Installation guide Feature list Terms of use Theme/page installation guide
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |