# 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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.probloggertemplates.com/guides/basic/installation.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.