How to Design a Custom Blogger Template With Claude (No Coding)
Your Blogger blog is live on your own domain. Now it needs to look like a real brand, not one of the thousands of blogs using the same free theme. A Blogger template is a single XML file, and Claude can write one for you from a short brief: your colours, fonts and layout. This lesson shows you how to back up your current theme, brief Claude, upload the new template, fix the errors you’re most likely to hit, and check it on mobile before you start publishing.
To design a custom Blogger template with Claude, back up your current theme under Theme › the arrow next to Customise › Backup, give Claude your brand colours, fonts and layout, and ask it for a complete Blogger XML theme. Save the reply as a .xml file, upload it under Theme › Restore, then check every page type on desktop and mobile before you publish posts.
- A Blogger theme is one XML file made of sections and widgets, with the CSS inside it.
- Always download a backup of your current theme before you restore a new one.
- The more specific your brief, the better Claude’s theme: colours, fonts, layout, pages and the feel you want.
- Most upload errors are unclosed tags or missing sections. Paste the error back into Claude and ask for a fixed file.
- “Blogger template” gets about 300 US searches a month with a keyword difficulty of 0 in Ahrefs (November 2026).
How Blogger themes work
A Blogger theme is a single XML file that controls how your whole blog looks. It contains your CSS (inside a b:skin tag), the page layout split into b:section areas, and widgets inside those sections, such as the main Blog1 widget that shows your posts, the header, the sidebar and the footer.
What you can change
Colours, fonts, the header, layout (one or two columns), the post page, the homepage list, the footer and any custom HTML you add.
What you can’t change
Blogger has no plugins and fixed URL patterns. Everything a WordPress plugin would do has to be built into the theme or added as an HTML widget.
If you went the WordPress route instead, the sister guide is how to build your own WordPress templates using Claude.
Step 1: Back up your current theme
Before you change anything, download a copy of the theme you have now, so you can go back in one click if something breaks.
- Open Blogger and choose your blog.
- Go to Theme in the left menu.
- Click the small arrow next to the Customise button and choose Backup.
- Download the .xml file and keep it somewhere safe, named with today’s date.
Step 2: Write the brief
Claude can only design what you describe. Spend ten minutes on the brief and the first version will be close to what you want.
| Brief item | Example |
|---|---|
| Site name and topic | “Budget Trail Running (example), gear reviews and training plans for beginners” |
| Colours (hex codes) | Dark green #1f4d2e, light green #a8e98a, off-white #fafbf7 |
| Fonts | Georgia for headings, system sans-serif for body text |
| Layout | Single column, max width 760px, sidebar below posts on mobile |
| Homepage | Card grid of latest posts with image, title and excerpt |
| Post page | Large title, author and date, readable 18px text, related posts at the end |
| Feel | Clean, fast, lots of white space, no clutter |
If you like the look of a site, describe what you like about it in words (“big serif headlines, lots of white space”) rather than asking Claude to copy it.
Step 3: The prompt for Claude
Paste your brief into this prompt. Ask for the whole file in one go so nothing gets lost between replies.
Replace the capitalised part with your brief. If the file is very long, ask Claude to put it in a downloadable file or artifact so you can copy it in one go.
Step 4: Upload and preview
- Save Claude’s reply in a plain text editor as
mytheme.xml. - In Blogger, go to Theme, click the arrow next to Customise and choose Restore.
- Upload your .xml file. If Blogger accepts it, the new design is live straight away.
- Open your blog and check the homepage, a post, a label page, the search page and an About page.
- Re-add widgets under Layout if any disappeared (a new theme can drop old gadgets).
Test new themes on a second, private Blogger blog first if your main blog already gets traffic. It takes two minutes to set up and keeps your live site safe.
Step 5: Fix the common errors
Blogger is strict about XML. If the upload fails, copy the exact error message into Claude with the line it mentions and ask for a corrected full file.
| Error or symptom | Usual cause | What to ask Claude |
|---|---|---|
| “The element type … must be terminated” | An unclosed tag | “Fix the unclosed tag on line X and return the full file.” |
| “We did not find any section in your template” | Missing or broken b:section | “Make sure the theme has valid b:section areas with the Blog1 widget.” |
| Widget IDs clash or old widgets error | Duplicate widget IDs | “Give every widget a unique ID.” |
| Posts don’t show on the homepage | Blog1 widget removed | “Restore the Blog1 widget in the main section.” |
| Layout breaks on phones | Fixed widths | “Make the layout responsive with max-width and media queries.” |
If you get stuck, restore your backup from Step 1 and try again with the fixed file.
Step 6: Schema, speed and mobile checks
- Schema: open a post, copy its URL into Google’s Rich Results Test and check the Article markup is read without errors.
- Speed: run the homepage and a post through PageSpeed Insights. Compress large images before uploading them to posts.
- Mobile: check on a real phone. Text should be readable without zooming and buttons easy to tap.
- Headings: each post should have one h1 (the post title), with H2s for sections.
That finishes the Blogger path. Next, everyone rejoins the main course for the launch checklist.
- Download a backup of your current Blogger theme.
- Write your brief: colours, fonts, layout, homepage and post page.
- Run the prompt in Claude, save the XML and upload it under Theme › Restore.
- Check the homepage, a post and a label page on desktop and phone.
You don’t need a perfect site to start earning. The One-Pager gets you there with one page.
The One-Pager Strategy
- Build and launch a single monetised page with AI in days, not months
- Low effort: one focused page instead of a 50-post content plan
- Runs alongside your job, no big budget needed
The Full System
- Full video course on running websites as a real business
- A dedicated course ebook to follow along with
- Private student group: share wins, ask advice and collaborate with other students
- Mentorship from me, and you can reach out whenever you’re stuck
- Regular updates in the group on what’s changing in SEO and AI
Compare everything on the courses page.
Back to the course: the launch checklist every new site needs.
Previous← Blogger with a custom domainSummary: how to design a Blogger template with Claude
Back up your current Blogger theme first, then write a brief with your colours, fonts, layout, homepage and post page. Ask Claude for a complete, valid Blogger XML theme with b:skin CSS, b:section areas, the Blog1 widget, a responsive layout and Article schema. Upload it under Theme › Restore, check every page type on desktop and mobile, and paste any upload error back into Claude for a fixed file. Finish by testing schema, speed and headings.
Get each new lesson in your inbox
Join my email list and I’ll let you know as each lesson goes live. You’ll also get your free copy of The Borrowed Playbook: how to borrow the social media strategies already working for other products and use them to send traffic to your site, with little to no money.
- A heads-up when each new lesson is published
- Real case studies and what’s working right now
- The free Borrowed Playbook guide, sent straight away
You’ll join my newsletter. Unsubscribe anytime.
You’re in. Now check your inbox.
I’ve just sent an email to your inbox. Open it to grab your Borrowed Playbook. If it asks you to confirm your subscription first, click the button and the guide follows right after.
- Can’t see it? Check your Promotions or Spam tab and mark it “not spam”.
- Meanwhile, carry on to the launch checklist.
Frequently asked questions
Can Claude make a Blogger template?
Yes. Give Claude a brief with your colours, fonts and layout and ask for a complete Blogger XML theme. Save the reply as a .xml file and upload it under Theme, Restore. If Blogger shows an error, paste it back into Claude and ask for a fixed file.
How do I upload a custom template to Blogger?
Go to Theme in your Blogger dashboard, click the arrow next to Customise, choose Restore and upload your .xml file. Back up your current theme first using the Backup option in the same menu.
Will changing my Blogger template delete my posts?
No. Your posts and pages are stored separately from the theme. Changing the theme can remove some sidebar gadgets, which you can add back under Layout.
Why does Blogger say my template is invalid?
Usually because of an unclosed tag, a missing b:section, duplicate widget IDs or a missing Blog1 widget. Copy the exact error into Claude and ask it to fix that problem and return the full file.
Are free Blogger templates bad for SEO?
Not always, but many are heavy, use several h1 tags or include hidden links. A clean custom theme with one h1 per page, fast loading and Article schema gives you more control.
About Eugene Madondo
Eugene is a Cape Town-based SEO specialist and digital entrepreneur who has been earning online since 2012. He has worked in SEO at a tech startup, an agency and in-house tech roles, ran a consulting business, and has generated over $1.4 million from his own affiliate websites since 2020. He teaches website operators through Rank to Earn.
Back to the free website course overview, or see the tools I use on my resources page.