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 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.
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.

Best Online Free Graphic Design Tool

Also Read

Meer Basit is the founder of Meer’s World. He’s been running the show since launching the blog back in 2018. By background he is a computer scientist. Primarily, he creates content around blogging (WordPress, Blogger, Tumblr), SEO, affiliate programs, earn-online, reviews, eCommerce, & technology. He has got years of professional experience in web programming, computer programming, databases, data warehousing, & transcription. In general, he likes traveling, gardening, watching movies, is a passionate cricketer, creative writer, and a GSD lover.

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

To Top