Beginning Blogging 6. The Template Designer.

In this post, I am going to completely alter my Template with the aid of Bloggers template designer. The main post  area (blog) will be made full width so that means that the sidebar will have to disappear. Any Gadgets  I already have included will therefore have to move either to the bottom Gadget area or the top area. I will also add a background  to my blog using the template designer. Fonts and colours will also be changed. So let’s work our way through using the Template Designer.

Template designer

From your Blogger Dashboard, Select Design and then click on the Template Designer tab. You will be able to see your current choice of Template on the far left of the icons. Your current blog is also shown practically full size in a window below the Blogger Template designer. This allows you to see exactly what your blog will look like as you apply any new changes to it as you can see in the picture below. No changes are applied to your blog until you click on APPLY TO BLOG.

Showing any changes in the full width window

Hmm, I quite like the look of the darker grey Simple Template. I’ll choose that one for this how-to. Now I want to add a Background to my chosen Template, so working down the list on the far left of the Blogger Template Designer and clicking on Background I can choose which background to apply. By clicking on the Background Image, I will be presented with a large choice of different backgrounds to choose from. The list is quite comprehensive and includes Abstract, The Arts, Business, Celebrations, Entertainment, Family and so on. Try them all out, you can’t mess anything up as nothing will be applied to your blog until you select APPLY TO BLOG.

Background Images.

I’ve decided to choose a sort of ‘Grunge’ background for now. Trouble is, its made my main background turn to black. However we can change that later. Next let’s move onto Layout. As you can see by the enclosed screen grab, my current choice of layout is shown highlighted in the Body Layout icons. I’m going to change the body layout to the first choice by clicking on it. That means my sidebar will no longer be available for my Gadgets. Don’t worry, they will automatically be placed along the bottom of your Blog posts area  by the Template Designer.

My Current Layout

Next I am going to alter the layout of the Footer area so that I can accommodate those Gadgets that are already included and make sure that we have enough room for any more we might like to add in the future. So next, click on Footer layout. This shows three icons with one single Gadget area at the bottom, two or three separate Gadget areas. I’m going to choose the one with three separate areas. I can move my Gadgets around in these three areas until I am happy with them.

Next I am going to Adjust the width of my template. Click on width and then slide the slider pointer as wide as you wish to have your blog. I like my blogs as wide as possible, so I’m going to put mine to the maximum width (1000 pixels.) Hmm. I still need to adjust that background! It’s far too dark.

maximum width applied[3]

Click on Advanced from the left hand list.  Here is where we can really go to town on customising our blog and making it look unique.  We can adjust  the Fonts, the sizes of our Fonts, the colours used, the background colours, the post titles, and so on.  Its in this area that we can choose our Background colours and this is the area that I want to alter. I will also change the colours of my fonts as well, and the sizes of fonts used both  in my Title and also the blog posts headers. You can also change the font used in any of your Gadgets, any links inside your posts, in fact I suggest that you take some time to alter and change every aspect in this area. Don’t be frightened to try things out. Remember, you can’t spoil anything, nothing will be changed in your blog until you click on APPLY TO BLOG. And if you do change your mind, you can always click on Clear advanced changes to any of the areas that you are currently working on.

In the Advanced tab area choosing fonts and sizes

As you work upon changing each area such as the Blog Title etc, it is highlighted by a dotted line to emphasise and show exactly what you are changing. Work you way through all the choices available. When you are happy with your changes then click Apply to Blog and then View Blog to see how it all looks.

Working on the Menu Bar

Its quite fun trying different looks, fonts, colours and backgrounds out and it enables you to make your blog look quite unique and different to everyone else’s. Have fun. Here is my completed template. What do you think?  Do you like it?

My newly designed blog

I think you will all agree the Bloggers Template Designer makes designing a unique looking blog on blogger easy to do even for someone new to it all.

TG  Next post I will be moving on to setting up a blog for the first time on so stay tuned for that. 


About technogran
A granny and a geek? You bet! Still trying desperately to keep up with it all.

2 Responses to Beginning Blogging 6. The Template Designer.

  1. Abby says:

    I find your articles about using blogger very informative and the best information I’ve come across. I have added pages to my blog, but I am having difficulties trying to figure out how to move the gadgets from the home page to another page. Can you please write an article about that? It would be greatly appreciated.

    Thanks! 🙂

  2. technogran1 says:

    I am not sure if you can do that Abby. sorry

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: