How to Install a Premium Blogger Template
This guide explains how to install a premium Blogger template or theme from sugeng.id to your blog. Follow the steps below carefully.
Before You Begin
Make sure you have prepared:
- The template file (
.zip) downloaded from the sugeng.id member area - Access to the Blogger dashboard
- A zip file extraction application (Windows has one built-in)
First-Time Installation
Use this method if you are installing the template for the first time (not updating an old version to a newer one).
Step 1: Extract the Template File
- Locate the downloaded template
.zipfile - Right-click on the file → select Extract All
- Open the extracted folder
- Inside the folder, there will be several
.xmlfiles with different colors. Choose one according to your desired color
Step 2: Copy the Template Code
- Right-click on the selected
.xmlfile - Choose Open with → Notepad (or VS Code if available). If on a smartphone, use any code editor app.
- Copy all the code contained within that
.xmlfile
Step 3: Paste into Blogger
- Open blogger.com and log in
- Select the blog where you want to install the template
- Click the Theme menu in the left sidebar
- Click the ▼ (dropdown) button next to the "Customize" button
- Select Edit HTML
- Paste all the code that was previously copied
- Click the Save button
Success!
If there are no error messages, the template has been successfully installed. Open your blog to see the result.
How to Update to the Latest Version
Use this method if you want to update an older template version to a newer one.
Step 1: Extract the Template File
Same as step 1 above — extract the newly downloaded .zip file.
Step 2: Direct Upload
- Open blogger.com → select your blog
- Click the Theme menu
- Click the ▼ (dropdown) button
- Select Restore
- Click Upload and choose the
.xmlfile from the extracted folder - Wait for the upload process to complete
What Remains Safe During Update
The following settings will not be lost when updating the template:
- Template Settings Code
- Navigation Menu Code
- Social Media Icon Code
- Custom CSS Code
- Footer Text
- All Ad Widgets
What will be lost: All modifications made via the Theme → Edit HTML menu
Video Tutorial
The video uses the LinkMagz template, but the steps are the same for all templates.
Next Steps
After the template is installed, proceed with the following general guides:
| Guide | Description |
|---|---|
| Navigation Menu | How to set up your blog's navigation menu |
| Social Media Icons | Adding social media icons |
| Favicon, Logo & Footer | Setting up favicon, logo, and footer |
| Image Upload | How to upload images for products |
Then continue with the settings according to the template you are using:
| Template | Guide |
|---|---|
| Wuzz | Open Guide → |
| KuToko | Open Guide → |
| LinkMagz | Open Guide → |
| VioMagz | Open Guide → |
| VioToko | Open Guide → |
| EvoMagz | Open Guide → |
Troubleshooting
Getting an error when saving?
- Make sure you copy all the code from the
.xmlfile - Ensure no old code remains
- Try refreshing the page and repeat the process
Template looks messy?
This is normal for a new template. Proceed to the setup guides to configure the menu, logo, and other widgets.