Connect with us

How To Install a New Tumblr Theme From HTML File

How To Install a New Tumblr Theme From HTML File featured

Blogging

How To Install a New Tumblr Theme From HTML File

Have you got a new Tumblr theme in HTML file and don’t know how to install in Tumblr? Don’t panic! You’re in the right place. In this tutorial we will guide you step-by-step to how to install a new Tumblr theme from an HTML file.

To use/install/change a builtin Tumblr theme is pretty simple and quick, you just need few clicks, but to install a third-party Tumblr theme that you have downloaded or bought from somewhere else needs some manual work.

When you buy or download a new Tumblr theme you get it in a zip file. The zip file contains HTML file of the theme with some other files like JS files, CSS Files, etc.

You cannot directly upload and install the theme from ZIP file in Tumblr, instead you have to copy the code from theme’s HTML file and Paste into your Edit theme section, as we will guide you in this tutorial.

If you want to learn how to change default or existing Tumblr theme and use another one, read this: How To Change Your Default Tumblr Theme.

RELATED

Follow the steps to install a new Tumblr theme from HTML file:

Step1: Copy Theme’s HTML Code

First of all you have to copy the theme’s code from HTML file.

  • If your theme is zipped, extract it.
  • Look for the file with “.html” extension like “example.html”.
  • Right-click on the “.html” file and go to “Open with“.
  • Click “Notepad“. It will open your theme’s code in the Notepad Editor, as shown in the next step.
Install a New Tumblr Theme From HTML File 1
  • Press “Ctrl + A” to copy the code completely.
  • Right-Click on the selected code and click “Copy“.
Install a New Tumblr Theme From HTML File 2

Step 2: Paste The Code In Tumblr’s Edit HTML

  • Login to your Tumblr account.
  • Click the “Profile Icon” located at your Dashboard’s top-right corner.
  • Go to the bottom and click “Edit Appearance“.
Install a New Tumblr Theme From HTML File 3
  • In the Website Theme section click “Edit theme“.
Install a New Tumblr Theme From HTML File 4
  • Click “Edit HTML” link to open the code of your existing Tumblr theme.
Install a New Tumblr Theme From HTML File 5
  • Select all the code in Edit HTML by pressing “Ctrl + A“.
  • Press “Delete” button to completely remove the code.
Install a New Tumblr Theme From HTML File 6
  • Here you can see that the HTML code of existing Tumblr theme has been completely removed.
  • Now Paste the HTML code of your new Tumblr theme here, which you had Copied in the Step 1.
Install a New Tumblr Theme From HTML File 7
  • Once you Paste the HTML code of your new Tumblr Theme click “Update Preview” button to see how your new Tumblr theme looks like. The Preview appears in the right side.
Install a New Tumblr Theme From HTML File 8
  • Click the “Save” button to save your theme settings.
  • Open your Tumblr blog to see how your blog looks like with the new theme.
Install a New Tumblr Theme From HTML File 9

So it was all about installing a new Tumblr theme from an HTML file. Hope you will have enjoyed this tutorial. If you like this post then don’t forget to share with the other people. Share your feedback in the comments section below.

Download-Tumblr-Themes-min

Also Read

2 Comments

2 Comments

  1. Jack Pattinson

    February 1, 2022 at 12:47 am

    I bought a Tumblr theme but had no idea how to install it on Tumblr. This tutorial has helped me in successfully installing my new theme. Thanks!

Leave a Reply

Your email address will not be published.

More in Blogging

Advertisement
Advertisement
Get Namecheap Shared Hosting With Free Domain
Download Cheap Website Themes
To Top