How To Install a New Tumblr Theme From HTML File

Updated:

by

How To Install a New Tumblr Theme From HTML File featured

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 from Themeforest 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.
Right-click on the ".html" file and go to "Open with" and Click "Notepad".
  • Press “Ctrl + A” to copy the code completely.
  • Right-Click on the selected code and click “Copy“.
Press "Ctrl + A" to copy the code completely, and Right-Click on the selected code and click "Copy".

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“.
Click the "Profile Icon" located at your Dashboard's top-right corner. Go to the bottom and click "Edit Appearance".
  • In the Website Theme section click “Edit theme“.
In the Website Theme section click "Edit theme".
  • Click “Edit HTML” link to open the code of your existing Tumblr theme.
Click "Edit HTML" link to open the code of your existing Tumblr theme.
  • Select all the code in Edit HTML by pressing “Ctrl + A“.
  • Press “Delete” button to completely remove the code.
Select all the code in Edit HTML by pressing "Ctrl + A". Press "Delete" button to completely remove the code.
  • 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.
Paste the HTML code of your new Tumblr theme here, which you had Copied in the Step 1.
  • 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.
click "Update Preview" button to see how your new Tumblr theme looks like.
  • Click the “Save” button to save your theme settings.
  • Open your Tumblr blog to see how your blog looks like with the new theme.
Click the "Save" button to save your theme settings.

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.

Best Online Free Graphic Design Tool

Also Read

Related Topics: , ,
Buy Domain and Hosting on Namecheap Now
Rank Math Best SEO WordPress Plugin Download
Download Website Themes
Mangools SEO Tools
Order Motivational T-Shirts With Quotes from Our Store Fire Ram 23.4.

Subscribe to Our Newsletter!

2 responses

  1. Avatar
    Jack Pattinson

    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. Required fields are marked *