How to Install Premium Blogger Template

This guide explains how to install a premium blogger template from sugeng.id to your blog. Follow the steps below carefully.

Before You Start

Make sure you have prepared:

• ✅ Template file (.zip) downloaded from sugeng.id
• ✅ Access to Blogger dashboard
• ✅ Application to extract zip files (Windows has built-in support)

First Time Installation

Use this method if you are installing the template for the first time (not updating).

Step 1: Extract Template File

1. Find the .zip template file you downloaded
2. Right-click on the file → select Extract All
3. Open the extracted folder
4. Inside the folder, there will be several .xml files — choose one according to your preferred color

Step 2: Copy Template Code

1. Right-click on the selected .xml file
2. Select Open with → Notepad (or VS Code if available)
3. Press Ctrl + A to select all code
4. Press Ctrl + C to copy

Step 3: Paste to Blogger

1. Open blogger.com and login
2. Select the blog where you want to install the template
3. Click Theme menu in the left sidebar
4. Click the ▼ (dropdown) button next to the "Customize" button
5. Select Edit HTML
6. Press Ctrl + A to select all old code
7. Press Ctrl + V to replace with the new code
8. Click the Save button (disk icon) in the top right corner

Success!

If there's no error message, the template has been successfully installed. Open your blog to see the result.

Updating to Latest Version

Use this method if you're already using the template and want to update to a new version.

Step 1: Extract Template File

Same as step 1 above — extract the newly downloaded .zip file.

Step 2: Upload Directly

1. Open blogger.com → select your blog
2. Click Theme menu
3. Click the ▼ (dropdown) button
4. Select Restore
5. Click Upload and select the .xml file from the extracted folder
6. Wait for the upload process to complete

What's Preserved During Update

The following settings will not be lost when updating the template:

• Template Settings Code
• Navigation Menu Code
• Social Media Icons Code
• Custom CSS Code
• Footer Text
• All Ad Widgets

What will be lost: All modifications made through Theme → Edit HTML menu

Video Tutorial

The video uses LinkMagz template, but the steps are the same for all templates.

Next Steps

After the template is installed, continue with the following general guides:

Guide	Description
Navigation Menu	How to set up the blog 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 configuration according to your template:

Template	Guide
Wuzz	Open Guide →
KuToko	Open Guide →
LinkMagz	Open Guide →
VioMagz	Open Guide →
VioToko	Open Guide →
EvoMagz	Open Guide →

Troubleshooting

Template not changing after installation?

1. Try hard refresh in browser: press Ctrl + Shift + R
2. Clear browser cache
3. Wait a few minutes, sometimes it takes time to update

Error message when saving?

1. Make sure you copied all the code from the .xml file
2. Make sure no old code remains
3. Try refreshing the page and repeat the process

Template looks messy?

This is normal for a new template. Continue to the configuration guide to set up the menu, logo, and other widgets.