> For the complete documentation index, see [llms.txt](https://docs.probloggertemplates.com/guides/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.probloggertemplates.com/guides/basic/installation.md).

# 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="/files/u22ClIdC1tlPX3NweK5d" 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="/files/WZf1m98KNylcVg0Rg8tn" 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="/files/GulFToE6sHZkwODpUInj" 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="/files/LmyF7ar8WWPPWKlEVKm6" 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="/files/3CSQznEI5cEYziQnNzX7" 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 %}