This is our Blogger FAQ and Help guide on the questions and issues that are commonly raised by Bloggers as well as the readers of our Blog at Tips for New Bloggers. Here, we shall elaborate on the finer details of the customization tips for your Blog template, give further examples, and answer specific queries. For detailed write-ups and discussions on the topics, please refer to the articles in our main Blog. Before changing any template, please remember to save a copy of the current template. After editing the template, preview it, and save it when you are satisfied with the change.
Blogger FAQ and Help

Header
  • Insert an image to the left of Blog Title and Description [read]
  • Add a Horizontal Navigation Bar in Header Image [read]
  • Unable to remove Header Image [read]

Blog Posts
  • Arrange, customize and shift the Blog Posts and Footer elements [read]
  • Insert a picture or image beside the Blog Post Title [read]
  • How to have standard or pre-formatted text in Blog Posts [read]
  • Add Highlighting to Text and Background Color in Text Box [read]
  • Change Blogger Post URL - SEO Tip [read]
  • Change the Post a Comment Link [read]
  • Add scrollbars to text within Blog Posts [read]

Sidebar
  • Add Background color and image to Sidebar Titles [read]
  • Have different Background colors for each widget [read]
  • Style and Position Sidebar Images [read]

Footer
  • How to align Blog Post Footer elements to the left [read]
  • Move Comments Label to below Post Title [read]

Links and Labels
  • How to add Hover, Mouseover and Rollover effects for links [read]
  • Remove automatic number count in Labels widget [read]
  • Remove link underlines in Blog Posts and/or sidebar [read]
  • Be notified by Blogger when there is a Backlink [read]
  • Change and Edit Labels in Multiple Posts [read]

General
  • How to change Background Colour of TicTac Template [read]
  • How to remove the Pencil or Screwdriver and Wrench icons [read]
  • How to add animated graphics in Blogger Post and Sidebar [read]
  • Add Text Box or HTML textarea code in Blogs [read]
  • Know the limits on our Blogger account [read]
  • How to take Screenshots or Screen captures [read]
  • How to change and transfer Blog ownership [read]
  • Change font size and font styles in template [read]
  • How to center align Page Elements [read]
  • How to insert a separator line between each comment [read]

Search Tricks for New Bloggers

banner
We have extended our month-long vacation by a couple of days. We shall be posting articles the moment we return. We noticed that Google had updated the Page Ranks. New bloggers who have been waiting anxiously for this can check their blogs' Page Ranks. We have the PR checker link in our SEO Tools - Search Engine Optimization article.

The blog we created recently in Aug 2007, Blogger FAQ and Help, has also got its first Page Rank, a PR4. All our blogs are now ranked:-

Tips for New Bloggers - PR6
Business Fables and Management Lessons - PR4
Famous Motivational and Inspirational Quotes - PR4
Blogger FAQ and Help - PR4

Thanks to everyone for the support!

Sep 28, 2007

Digg This Story

Change Font Size and Font Style

In some templates like the Minima template, you can easily change the font type, font color and font size of the Blog Header, Title and Description. However, there is no option under Template -> Fonts and Colors to change the font properties within the Sidebar to make the text different from the rest of the Blog contents. To change the font, you will have to modify the template and add the font properties into the relevant part of the CSS stylesheet.

Change Font Size and Font Style

CSS Font Properties

Take a look at this article on Links - Hover and Rollover Effects and zoom in on the section relating to fonts. You can see the various font properties that can be used for text within the template. These include:-

font-weight
font-style
font-family
font-size


Insert Font Properties into Template

To have the CSS font declaration in the Sidebar, go to Template -> Edit HTML. Scroll down the template to this selector and insert the font properties and values.

.sidebar {
font-size: 70%;
}


In some templates, instead of .sidebar, you may see #sidebar or #side or variations of that. What you can do is to insert the font code and Preview the template. If the sidebar fonts are changed accordingly, you know you have inserted the code at the correct position.

Try out other properties if you need to, such as making the font bold or in a different font face.

If you want to change the text in the main Post body only, add the style here:-

.post {
font-size: 70%;
}


© Tricks for New Bloggers

Found this article useful? Mention us in your post, subscribe to our feed, link to us, or bookmark this site. Thanks for your support!AddThis Social Bookmark Button

11 comments:

Missladybug said...

Hello, your blog is so helpful for me. I have a question that I cannot find the answer to. I want to change the font style of the titles of my sidebars and don't know how to do so. I want to use a different font than is available from the Blogger list of fonts. How do I get this different font saved on my computer to be the font on my blog? Thanks...

StickyGooeyCreamyChewy said...

I have learned so much from your blog. I was hopelessly ignorant before I found it. One thing I would like to do is change the font style of the title in my header. The font that I want is not one in the Blogger list. I can't find any explicit instructions for how to do this. Can you help?

Shyam said...

Can you help me to remove the overlapping effect from the post titles when the post title are long.

My blog:http://windows-registry-editor.blogspot.com/

Muhammad Aiman bin Azlan said...

hello!can i change the font style of my blog title to my own customized font?

Ryan said...

i love you for this tip! seriously!

Heeere's J-dude: said...

I too would like to know how to use other fonts from my computer.....blogger has boring fonts. Is it possible?

Your tips are tops! Thanks for all your hard work to keep us bloggers happy!

You are my American Idols!

[DFC]Dordz said...

i have i question is this the only available fonts you can choose?

Anonymous said...

Wow your blog is really wonderful. Thank you so much for all the help. I have used your information to make my blog. Check it out:

http://voipcallsforfreeworldwide.blogspot.com/

kp1832000 said...

Hey Jim, could you contact me at karlparrott@yahoo.com. Would like to hire you for some work.

Lady Chuckles said...

Thank you!

I'm going to try that to see if I can manage to increase the font-size of my blog a little. The text is too small the way it is now :)

Jonathan Labelle said...

Same problem here, I want to change the font of my title to a different one, not from Blogger list... Can you help?