# Installation

In this guide, you'll find all the steps needed to correctly install a Blogger template. From backing up your existing theme to replacing the code with your new template, we'll walk you through each stage to ensure a smooth installation process.

### Installation Steps

After you have downloaded the new template in `.zip` format, extract the file so that you can install it.

#### 1. Back up your old template

**A** – Access your blog **Theme** > and click on the **Expand** button > then click **Backup**.

**Example:**

<div data-full-width="false"><figure><img src="https://4117760356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiWPL7C3XC6Rq82dHvmDX%2Fuploads%2F9UoPlJyKKASb7M7OKRwa%2Fimage.png?alt=media&#x26;token=273cec42-c4d7-414c-b700-3956bc2506db" alt="Backup theme"><figcaption></figcaption></figure></div>

#### 2. Copying the new template code&#x20;

**A** – After you have downloaded and extracted the new template, open the folder and find the template file with the extension `.xml`.

**B** – Open the file with notepad, or other code editor of your choice.

**C** – Click inside the code, select all code `(Ctrl + A)`, and copy the code `(Ctrl + C)`.

**Example:**

<figure><img src="https://4117760356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiWPL7C3XC6Rq82dHvmDX%2Fuploads%2F7sBy3c9yDAKP5uhyLquW%2Fimage.png?alt=media&#x26;token=8b470061-4d67-4570-bb2c-847f8420ba25" alt="Copy new template code"><figcaption></figcaption></figure>

#### 3. Replacing the old code&#x20;

**A** – Access your blog **Theme** > and click on the **Expand** button > then click **Edit HTML**.

**Example:**

<figure><img src="https://4117760356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiWPL7C3XC6Rq82dHvmDX%2Fuploads%2FpwA693k3Apcig8SKQItU%2Fimage.png?alt=media&#x26;token=974e8b2a-6c75-4aea-ba3c-c043801c135c" alt="Open HTML editor"><figcaption></figcaption></figure>

**B** – Click inside the code, select all code `(Ctrl + A)`, `DELETE` and paste the new code `(Ctrl + V)`.

**C** – After you have replaced the code click on <mark style="color:orange;">**Save Button**</mark>.

**Example:**

<figure><img src="https://4117760356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiWPL7C3XC6Rq82dHvmDX%2Fuploads%2FpYe9sOqfLczrLKVcA4FC%2Fimage.png?alt=media&#x26;token=0336283d-6ef1-4454-a00f-b767ac0b5219" alt="Replace code"><figcaption></figcaption></figure>

**D** – Go back to the previous page to make sure the template has been installed correctly.

**Example:**

<figure><img src="https://4117760356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiWPL7C3XC6Rq82dHvmDX%2Fuploads%2FCbrbddD7ZcQLswpmVB8w%2Fimage.png?alt=media&#x26;token=149054ca-30f4-4901-b7b7-c8870af6884d" alt="Installed template"><figcaption></figcaption></figure>

### Video Tutorial

{% embed url="<https://youtu.be/ND4vd-sfoMc>" %}

{% hint style="success" %}
SUCCESS: Your new theme is already installed and ready to be configured.
{% endhint %}