Installing a new template is the fastest way to change how your Blogger site looks — and the fastest way to break it if you skip the backup step. This guide walks you through the whole process in the right order: back up, install, set up, and check everything before you call it done. No coding needed.
Before You Start: Back Up Your Current Template
Every template change should start with a backup. If anything goes wrong, the backup is your one-click way back.
- Go to your Blogger dashboard and open Theme.
- Click the small arrow next to Customize and choose Backup.
- Click Download theme and save the XML file somewhere safe.
While you are at it, also copy any custom code you added in Layout gadgets (HTML/JavaScript boxes) into a text file. A theme restore does not always carry those over.
Step 1: Get a Template You Can Trust
Download your template only from the developer's own site or a seller you trust, and make sure you receive a clean .xml file. Avoid "free premium template" download sites — cracked copies often hide spam links and malicious code, and there is no safe way to clean them. If budget is the problem, start with a genuine free release instead; our Free Blogger Templates page lists safe starting points.
Step 2: Install the Template (Restore Method)
- In Theme, click the arrow next to Customize and choose Restore.
- Click Upload and select the template's .xml file.
- Wait for the "theme restored" confirmation, then open your blog in a new tab.
Your posts, pages and comments are not touched by a theme change — only the design and layout change.
Step 3: Set Up Menus, Logo and Widgets
A fresh template rarely shows your menus correctly out of the box. Work through this list:
- Header menu: open Layout and find the menu gadget (or the theme's menu section) and replace the demo links with your own pages.
- Logo and title: set your blog title under Settings → Basic, and upload a logo in Layout if the theme supports one.
- Sidebar gadgets: remove demo gadgets you do not need — every gadget adds weight to the page.
- Social links: replace the demo social URLs with your real profiles.
- Footer: update the copyright line and footer links.
Step 4: Check the Mobile View
Most of your readers will arrive on a phone, so check the phone view before anything else. Open your site on your own phone and test: the menu opens and closes, text is readable without zooming, images are not stretched, and buttons are easy to tap. If the theme has a separate mobile template setting, you will find it under Theme → Customize → Advanced or the gear icon on the Theme page. A genuinely responsive template needs no separate mobile version.
Step 5: Run the Final Checks
- Open a single post and a static page — both should render fully, not just the homepage.
- Test the search box with a word from one of your post titles.
- Click every menu link once.
- Check that your AdSense or analytics code is still present if you use them (add them back in Layout if the restore removed them).
- Submit your homepage URL in Google Search Console's URL Inspection tool if this is a major redesign.
Common Problems and Fixes
The layout looks broken or blank. Usually a leftover gadget from the old theme conflicts with the new one. Remove old sidebar gadgets in Layout one by one until the design settles — or restore your backup and try again.
Images look blurry. Blogger inserts uploaded images at a small display size by default. Click the image in the editor and set its size to Original size so it stays sharp on wide screens.
The menu shows demo links. That is normal — menus are content, not design. Update them in Layout as described in Step 3.
The Bottom Line
Backup first, install second, set up third, and always check the mobile view before you share the new design. Fifteen careful minutes beats a weekend of fixing a broken blog. When you are ready to choose your next design, read our latest template reviews — each one lists honest pros and cons, a live demo and the real price before you commit.
