Remember when Tauni told us our blog is like a house? Some of us rent and some own, some have a big elegant house, others a cozy cottage.
The common denominator between us all??? We all would like a nice home that reflects our style and is welcoming. Right? And don’t we want our blog to feel the same way as the one we just saw yesterday? YES!
Today I am going to give you a beginners walk through on using Bloggers Template Designer. Hopefully you can use this information to make sure your blog is as welcoming as your home. Let’s jump right in!
Getting to the Temple Designer
1. Login to Blogger. Click on “Template” in the left column.
2. Click on “Customize.”
Basic Parts of the Template Designer
1. The template designer is the area where you can make changes to fonts, colors, layout and blog width.
2. This is a preview of what you blog will look like with the changes you make. At any time you can click the little grey arrow in the black bar that separates the edit area from the preview area to see your preview blog on the full screen.
Note: Changes you make in the Template Designer will not actually show up on your live blog until you press SAVE.
Pick Your Template
1. Blogger has several templates to choose from. My favorite template to work with is the Simple Template. I highly recommend it. It is also the default Blogger template. If you aren’t sure which template you are using, it’s probably the Simple Template.
Let me caution you, if you switch to a new template [different than the one that you are currently using] any previous edits that you have made to your html [like adding google analytics code, a custom font, etc] will be overridden.
Changing Your Background
Your background gives your blog a lot of character. It really impacts your design. Just like the wallpaper in your house. To change you background:
1. Click on “Background.”
2. You can either choose a color scheme that you see offered OR you can click on the little arrow to bring up more options including using one of Bloggers images/patterns or uploading your own picture or design.
3. Once you click on the little arrow [mention in #2] this is what your screen will look like. You can choose to upload your image OR,
4. Click through Blogger’s premade options and find one you like!
Pick Your Layout
1. In this area you can choose which layout you would like. The number of columns, sidebars, footers, etc…
Adjusting the With of Your Blog
1. You can adjust the width of your entire blog and sidebars by moving the slider. I recommend that you do not make your entire blog width any bigger than 1000 pixels [ultimately between 900-980px is best].
If you make your blog any wider than that people may have to scroll left and right while reading your blog.
Advanced Options
Under the Advanced tab is where you will make all your font, color, and text changes. I am not going to walk you through each step [maybe another tutorial] but I will give you one pointer:
1. You will not see an option to change the Post Title Color. That is because blog post titles are links. To change the post title color you will need to change the link color.
I hope this gets you started in designing your blog to reflect the house you want it to be! … Can you tell I love Tauni’s House and Blog comparison!
If you have questions about the Template Designer, leave them in the comment section and I will answer them!
I plan on doing an advanced Template Designer Tutorial soon on adding css … [It’s easier than you think!] So make sure you sign up for the feed so you don’t miss it!
Thanks so much for the great tips Kendra! I have set up a little blog for my boys and I can’t wait to try some of these tricks out!
By the way, Kendra’s own blog is just chock full of good ideas. Not only is she an amazing blog designer, but she shares fun tidbits from her daily life. You’ve GOT to check it out!
Wouldn’t this popcorn recipe be just perfect for an Academy Awards party this coming weekend?
Answer to my prayers! I was just working on a brand new design to my blog tonight and I was in such a dark hole! Thank you!
So glad it was helpful!! 🙂
I love that analogy. It is like our house and should very much reflect our style. I just revamped my blog and am having so much fun with it now. It makes a huge difference that my blog style and design matches my personality.
Thanks for this information!
-Christie
@ http://www.popsandpodge.com
Thank you, Kendra! I was just exploring the templates the other day. I am dying to try out the Magazine version of Dynamic Views but need to wait until they decide to let us have a sidebar with it.
I agree, the dynamic views are pretty but without a sidebar they are a little less functional 🙂
I am so glad I found your site I needed the information you gave. I will be playing around with the look of my blog now. Thanks
This is really nice templates……. I like it
Hi! I was wondering how exactly to put links in your blog post like you did at the bottom with the popcorn recipe? I love this post it helped me a lot! Thanks!!
Hi Brianna, are you talking about the Linkwithin images on Kendra’s site? If so, that’s a widget called LinkWithin. xo Tauni
Thank you so much!! I’m completely new to this and I’ve never done anything even remotely similar. This post helped me out immensely! I was lost about 15 minutes ago before I stumbled apon your post 🙂
Awesome Deanna! I am glad you found us. Best of luck with your site! xo Tauni