• Business + Productivity
  • Creative Projects
  • Recipes
  • Travel
    • Disneyland
    • Facebook
    • Instagram
    • Pinterest
    • Twitter

Tauni Everett

Bibbidi Bobbidi Chew

Tauni Everett » Business + Productivity » Blogging » Blogger » A Beginners Guide to Blogger’s Template Designer

A Beginners Guide to Blogger’s Template Designer

How to use Blogger's Template Design

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.”

11

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.

22

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.

31

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!

451

 

 

 

 

 

 

 

Pick Your Layout

1. In this area you can choose which layout you would like. The number of columns, sidebars, footers, etc…

9

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.

7

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.

10

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!

Popcorn RecipeWouldn’t this popcorn recipe be just perfect for an Academy Awards party this coming weekend?

Related Posts

  • Customize Your Favicon in Blogger
  • How To Truncate Posts in Blogger
  • How To Make an Image Slider in Blogger
  • How to Offer A Free Printable in Blogger
  • Blogger or WordPress?
  • A New Blogger Feature: Threaded Comments
  • Customize Block Quotes in Blogger
  • How to Customize Your Blogger Background with 5 Freebies!
about me
post summary
Popular Posts


Snap

Snap

Editor at Tauni Everett
Snap has contributed 472 articles on https://taunieverett.com since October 2, 2012.



Power Bio Box by Zyra Console



You are here:
Home
Business + Productivity
Blogging
A Beginners Guide to Blogger’s Template Designer
Title:
A Beginners Guide to Blogger’s Template Designer

Authors:
  • Snap
Categories:
  • Blogger
  • Blogging
Mentions:
Blogger, Blogging Tips, Branding, Key Lime Digital Designs, Template Designer

Keywords:
Blogger’s Template Designer

Last Updated:
November 15, 2018

  • One Word Goal: The Celebration Shoppe
  • One Word Goal: 30 Minute Crafts
  • Updated! – How to Embed a Pinterest Board on Your Blog
  • How to Offer A Free Printable On Your Blog
  • How to Add Horizontal Featured Posts in Blogger
  • Customize Block Quotes in Blogger
  • How To Make an Image Slider in Blogger
  • Make Your Blog a .COM

«
»

Blogger, Blogging 11

Comments

  1. McKenzie Guymon says

    February 21, 2012 at 2:39 am

    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!

    Reply
    • Kendra says

      February 21, 2012 at 4:38 pm

      So glad it was helpful!! 🙂

      Reply
  2. Christie @ Pops and Podge says

    February 21, 2012 at 4:45 pm

    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

    Reply
  3. Michele @ The Scrap Shoppe says

    February 21, 2012 at 9:08 pm

    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.

    Reply
    • Kendra says

      February 22, 2012 at 1:27 am

      I agree, the dynamic views are pretty but without a sidebar they are a little less functional 🙂

      Reply
  4. Victoria @Easy2SaveBlog says

    June 19, 2012 at 2:14 am

    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

    Reply
  5. thinkkeno says

    July 4, 2012 at 5:13 am

    This is really nice templates……. I like it

    Reply
  6. Brianna says

    July 17, 2015 at 9:40 am

    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!!

    Reply
    • Tauni says

      July 17, 2015 at 1:04 pm

      Hi Brianna, are you talking about the Linkwithin images on Kendra’s site? If so, that’s a widget called LinkWithin. xo Tauni

      Reply
  7. Deanna says

    October 12, 2015 at 1:15 pm

    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 🙂

    Reply
    • Tauni says

      October 12, 2015 at 5:12 pm

      Awesome Deanna! I am glad you found us. Best of luck with your site! xo Tauni

      Reply

Leave a Reply Cancel reply

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

Recipe Rating




Featured Posts

Petersen Automotive Museum Exterior 3

Petersen Automotive Museum Review: 10 Tips to Enjoying A Trip to One of the Largest Car Museums

Castle Inn and Suites Best Independently Owned and Operated Hotel Close to Disneyland

Castle Inn and Suites Review: Best Locally Owned and Operated Hotel Close to Disneyland

Savor Stone Hearth Pizza and Wine Cherry Bomb

Anaheim’s Savor Stone Hearth Pizza and Wine Review

Anaheim Sheraton Park Hotel Luxury Accomodations Near Disneyland

Sheraton Park Hotel Review: Luxury Hotel Close to Disneyland

WordPress Hosting by House of Ideas

Copyright © 2023 SNAP! Creativity · Design by: Key Lime Digital Designs· Darling Theme