Skip to content

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

  1. Locate the downloaded template .zip file
  2. Right-click on the file → select Extract All
  3. Open the extracted folder
  4. Inside the folder, there will be several .xml files with different colors. Choose one according to your desired color

Step 2: Copy the Template Code

  1. Right-click on the selected .xml file
  2. Choose Open withNotepad (or VS Code if available). If on a smartphone, use any code editor app.
  3. Copy all the code contained within that .xml file

Step 3: Paste into Blogger

  1. Open blogger.com and log in
  2. Select the blog where you want to install the template
  3. Click the Theme menu in the left sidebar
  4. Click the ▼ (dropdown) button next to the "Customize" button
  5. Select Edit HTML
  6. Paste all the code that was previously copied
  7. 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

  1. Open blogger.com → select your blog
  2. Click the Theme menu
  3. Click the ▼ (dropdown) button
  4. Select Restore
  5. Click Upload and choose the .xml file from the extracted folder
  6. 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:

GuideDescription
Navigation MenuHow to set up your blog's navigation menu
Social Media IconsAdding social media icons
Favicon, Logo & FooterSetting up favicon, logo, and footer
Image UploadHow to upload images for products

Then continue with the settings according to the template you are using:

TemplateGuide
WuzzOpen Guide →
KuTokoOpen Guide →
LinkMagzOpen Guide →
VioMagzOpen Guide →
VioTokoOpen Guide →
EvoMagzOpen Guide →

Troubleshooting

Getting an error when saving?

  1. Make sure you copy all the code from the .xml file
  2. Ensure no old code remains
  3. 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.

Dokumentasi Tema Blogger & WordPress