Connect with us

How to Install Custom Theme in Blogger

How to install custom theme in blogger 1

Blogger

How to Install Custom Theme in Blogger

Have you bought or downloaded a Blogger custom theme and don’t know how to install it in Blogger? You’re in the right place.

In this tutorial we will guide you step-by-step on how to install a custom theme/template in Blogger using two different methods.

When you create a blog in Blogger it provides you a handful of free themes which are called Blogger builtin themes. Any theme that you buy or download from some other website or source are called custom themes or external themes.

Why you need to install a custom theme in Blogger when there are free builtin themes? Builtin Blogger themes come with limited features and designs which do not fulfill the requirements of a professional blog or a website.

Do you have a custom theme? If you don’t have a custom theme, you can find modern-day premium Blogger templates on Themeforest.

There are 2 methods to install a custom theme in Blogger.

  1. Install a Blogger Custom Theme Using Restore Method
  2. Install a Blogger Custom Theme Manually (Edit HTML)

Also Read

01. Install Custom Theme Using Restore Method

In this section you will learn step-by-step on how to install a custom theme in Blogger using Restore Method, which is very easy and quick.

Note: Most of the Blogger Custom themes are downloaded in the ZIP file. Extract your ZIP File before you begin the installation process.

  • Open your Blogger Dashboard and go to Theme.
  • Click the Downward Arrow located beside the CUSTOMIZE button.
Click the Downward Arrow located beside CUSTOMIZE button
  • Click the Restore option.
Click the Restore Option
  • Click the UPLOAD option.
Click the Upload link
  • Go to the folder of your custom theme files.
  • Select the .XML file of your custom theme. All the Blogger themes are stored in an XML file. Here you can see that the theme file is Mono Version 3.0.xml.
  • Click the Open button.
Select the XML file of your custom theme and open
  • If your custom theme is installed successfully you will see a message, Restored theme.
  • Open your Blogger homepage and see how your custom theme looks like.

Note: If this method doesn’t work, means you get an error or some other problem, then go for the Method 2 (Install Custom Theme Manually).

The Theme is installed sucessfuly
  • You can see that the custom theme Mono is working perfectly, everything is installed successfully.
custom theme Mono is working perfectly

02. Install Custom Theme Manually

In this section we will guide you step-by-step on how to install a custom theme in Blogger manually using Custom HTML method. Use this method when you get error with Method 1.

  • Open your Blogger Dashboard and go to Theme.
  • Click the Downward Arrow located beside the CUSTOMIZE button.
Click the Downward Arrow located beside the CUSTOMIZE button - Edit HTML Method
  • Click the Edit HTML option.
Click Edit HTML option
  • Press CTRL + A keys to completely select the HTML code of your existing Blogger template.
  • Press Delete key to completely remove the HTML code.
It will open the HTML code of your existing template
  • You can see that the HTML Code of your existing template/theme has been removed completely. Now Copy the HTML Code of your custom-theme’s XML file and Paste here, as shown in the below steps.
The HTML code of your existing template has been removed
  • Right-click on the XML file of your custom theme. Here you can see the XML file of Deva theme.
  • Go to Open with and click the Notepad option. The HTML Code of custom theme will be opened in the Notepad.
Right-click on the XML file of your custom theme and open it with Notepad
  • Press Ctrl + A to completely select the HTML code of your custom theme.
  • Right-click somewhere on the selected code and click Copy.
  • Now go to Blogger’s Edit HTML page again and Paste this code, as shown in the next step.
Press CTRL + A and copy the HTML code
  • Paste the copied code in the Edit HTML and click the Save icon, located at your top-right corner.
  • If the custom theme is installed successfully without error you will get a message, “Update successful“.
  • Now open the homepage and check whether your new custom theme is working or not.
Update Successful message if theme is installed successfully.
  • Here you can see that the Deva theme is successfully installed and working properly.
Deva theme installed successfully

So it was all about installing a custom theme in Blogger using two different methods. We hope that this guide helps you. If you like this post then don’t forget to share with other people. Share your feedback in the comments section below.

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

    September 12, 2022 at 10:32 pm

    Thank you. Every piece of information given in this tutorial is very helpful for me.

    • Meer Basit

      September 12, 2022 at 11:08 pm

      You’re most welcome Wasantha!

Leave a Reply

Your email address will not be published.

More in Blogger

To Top