Painting Inspiration

National Paint Week: Tutorial Painting British Flag on Fence Boards

I made this British Flag inspired art for my nephew, Kirby. He is 18 and collects flags from around the world, so I thought this would go...

Saturday, April 5, 2014

Blogging Tip: How To Change Your Fonts in Blogger

Typography is the trend from signs...

Beginning of my winter mantel

... to clothing to websites. It can make your blog stand out. I use different fonts in my Blog Post Title, My Gadget Labels and My Tabs to make these areas pop.




First let's start by breaking down the way Blogger defines each of these text areas. Using the photo above I have labeled each of the following:

1. Tabs Text
2. Gadgets
3. Date Header
4. Post Title
5. Page Text

You can access Blogger fonts by going into to your Blogger Dashboard and click on the TEMPLATE option, from there CUSTOMIZE this will open the Blogger Template Designer click ADVANCED:



1. Tabs Text Blogger gives you the following options to customize the typography here:
  1. Font (mine is Molengo)
  2. Bold or Italic and Font size (mine is 20)
  3. Text Color
  4. Selected Color (When you are on the HOME page for instance, the color will be different from the rest of the Tabs Text.)

2. Gadgets are usually in the sidebar and footer but also I have one set above my blog posts. Blogger gives you the following options to customize the typography here:
  1. Font (mine is Molengo)
  2. Title Color
  3. Alternate Color
  4. Bold or Italic and Font size (mine is 20px)
3. Date Header Blogger gives you the following options to customize the typography here:
  1. Color (Suggestion: Give it a color that is complimentary to the Post Title)
  2. Background Color (which highlights the date with a background color. (Rarely used option.)



4. Post Title Blogger gives you the following options to customize the typography here:
  1. Font (mine is Neucha)
  2. Size
  3. Bold or Italic
It does NOT give you an option for color here, instead it is determined by the template color. It usually coordinates with your blog color scheme. You can change this by adding CSS. Make sure your adjust your font size, some of the more fun fonts are by nature small or very large. 


 5. Page Text This defines the text for the body of every blog post. You can also change these when writing a post.

  1. Font (Suggestion: Make it readable, not funky this is the main text of your blog you want your readers to be able to read it easily.) (mine is Trebuchet)
  2. Color (mine is shade lighter than black #444444. Again go for readable.)
  3. Bold or Italic (Suggestion: Do not select bold or italic here, just add those as you write your posts.)
  4. Size (mine is 14px)  

I suggest playing around with accent colors, font sizes and various fonts. Beware that some fonts are just not very readable but if used as an accent such as a Gadget Title it adds character. Let me know if you have any questions or if this tutorial was confusing.

Happy Blogging!  



  





No comments:

Post a Comment

Thank you for stopping by and leaving your comment here, it really means the world to me!

Thanks!

~Danylle