How to Build Your Own Blogger Template Quickly and Easily

How to build CMS Blogger Themes andTemplates - Templateify

In the previous article, we shared with you a brief overview of key advantages of the Blogger content management system, showing you how to register an account, download and configure your first ready-to-use template. In this post, we will look at how you could design your own Blogger theme.

Even without in-depth knowledge of the intricacies of HTML markup, CSS and Java Script languages, anyone with a passion for blogging is capable of bringing some brilliance to their website built on the Blogger platform. Blogger is that easy and that powerful. We will show you everything you need to know on how to design your own first theme from scratch.

First, sign in to your account and click “New blog”.

How to build Blogger (aka Blogspot) Theme and Template for personal blog, gallery, portfolio or business website #1

In the next window, enter the title and the web address (URL) of your new website.

By default, Blogger will offer the responsive theme Contempo, which we will stick with for now.

How to build Blogger (aka Blogspot) Theme and Template for personal blog, gallery, portfolio or business website #2

Let’s create a few posts and add sample content to them.

How to build Blogger (aka Blogspot) Theme and Template for personal blog, gallery, portfolio or business website #3

Your standard template is ready to use and develop further.

How to build Blogger (aka Blogspot) Theme and Template for personal blog, gallery, portfolio or business website #4

We won’t stop here, of course, and will now dive deeper into customizing your theme to reflect your unique blogging concept in a catchy and memorable way.

How to customize a Blogger theme

Go to the “Layout” tab and click “Theme Designer”.

How to customize Blogger (aka Blogspot) Theme and Template for personal blog, gallery, portfolio or business website #1

Blogger Theme Designer is a wonderful tool that helps you to manage the layout and appearance of your website. Using this tool, you will be able to try out new styles, change structure, adjust the color scheme, tweak your blog’s typography and much more.

Let’s go have a look at what we can do with the Theme Designer.

How to customize Blogger (aka Blogspot) Theme and Template for personal blog, gallery, portfolio or business website #2

Theme installation

The platform offers a diverse selection of 11 premium themes, each of which has 3 to 7 different design options.

Customizing Background

In the next tab, you will be able to upload one of your own images as a background or select an image from the list provided.

 How to customize Blogger (aka Blogspot) Theme and Template for personal blog, gallery, portfolio or business website #3

You may also choose your favorite color scheme to be applied to main elements of the website, including its title, links, menu and buttons.

How to customize Blogger (aka Blogspot) Theme and Template for personal blog, gallery, portfolio or business website #4

Advanced tab

Additional settings available from this menu will determine fonts to be used in pages, posts and titles. Here, you can also apply different colors to your links, edit the width of the website and add your own style sheets (CSS).

How to customize Blogger (aka Blogspot) Theme and Template for personal blog, gallery, portfolio or business website #5

Manage your Gadgets without leaving the Theme Designer and don’t forget to save the changes by clicking “Apply to Blog”.

How to customize Blogger (aka Blogspot) Theme and Template for personal blog, gallery, portfolio or business website #6

Back Up Your Work!

One handy feature of Blogger is its ability to do a full backup of your theme. Export your theme’s XML file to your hard drive by clicking “Backup/Restore” in the right corner of the screen in the tab “Theme”.

How to customize Blogger (aka Blogspot) Theme and Template for personal blog, gallery, portfolio or business website #7

For advanced users

Blogger is an open source platform designed to simplify user experience, making advanced web technology accessible to everyone.

If you are comfortable editing HTML and JavaScript code, you will have a lot more control over your website, and will be able to add custom functionality and features not available in Blogger’s gadgets. To edit theme’s code, go to “Theme” and click “Edit HTML”.

How to customize Blogger (aka Blogspot) Theme and Template for personal blog, gallery, portfolio or business website #8

Add meta-tags and scripts, edit the layout and improvise to implement your own custom widgets and features.

How to customize Blogger (aka Blogspot) Theme and Template for personal blog, gallery, portfolio or business website #9

If you have any questions, be it technical or a creative issue, you can always turn to the Blogger community, available to help you on the official Blogger forum at https://plus.google.com/+Blogger. Share your own creations, exchange ideas and draw on the work and success of others.

You’re all set! The Templateify team wishes you success with in all your projects. Please check out our Facebook fan page for other helpful manuals and articles, as well as to enjoy some of our free and premium Blogger themes, other freebies, discounts and prizes!

1 Star2 Stars3 Stars4 Stars5 Stars
(2 votes, average: 5.00 out of 5)

Leave a Reply

Your email address will not be published. Required fields are marked *

Up