Fonts and Colors

In the Layout | Fonts and Colors tab, you can easily edit and customize the fonts and colors of your blog without any knowledge of HTML or CSS. (Note: Certain templates allow you to edit more elements of your blog than others.)

How do I edit the colors in my blog?

First choose the element you would like to change the color of:
Then choose the color you would like that element to be. You can either click on the color you want or enter the color hex code:

When you change your blog colors, you can view your changes in the blog preview beneath the color panel. Make sure you save your changes after you have finished selecting the colors for your blog. If you're feeling adventurous you can click "Shuffle blog colors" to randomly shuffle all of the colors already in your blog. If you don't like your changes, you can revert back to your default colors by clicking "Revert to template default."

Peek-a-boo comments

Note: This article assumes you are using a classic template (without the Layouts features).
By default, a post's comments are only displayed on the post page for that post. You can show them on your main or archive pages as well, of course, but that could get crowded. A better option might be to have a link to click on your main or archive page that will make the comments appear on that page, without having to go to the post page. Something like this:

Example Post

I'm not going to actually type a whole lot here. You can pretend it's long and interesting, though, if that would make you feel better. Just click the comment link here.
# posted by Graham @ 5:15 pm | 2 comments

Comments:

• Dude, you write the best posts. I always love reading your blog.
  by Graham's Friend @ 6:16 pm
   
• I don't know. I think they're pretty bad, really.
  by Graham's Enemy @ 7:17 pm

Similar to a previous hack, there are three parts to this feature: CSS, Javascript, and of course, Blogger template tags. So let's go through it step by step.

CSS

This is the simplest part. We need a couple classes that either hide comments or show comments, so you can just paste these two lines into your style sheet:
.commenthidden {display:none}
.commentshown {display:inline}
Your style sheet is usually near the top of your template, between the tags. If you have your style sheet in a separate file, you'll just add these lines to that file instead of to your template.

Javascript

Add the following code to your template, between the tags:

Recent comments in the sidebar

Note: Save your template and do this at your own risk. Also, this article assumes you are using a classic template (without the Layouts features).

Providing a handy list of recent comments is a good way to let visitors see who else is reading and commenting on your blog. Also, if they are following any of the comment threads, it will be easier for them to see at a glance if other people have joined in the discussions. This feature might sit in your sidebar and look something like this:
The date on each line will link to the page holding that particular comment so it can be read in full. Note that you can change the format of the date (and/or include the time as well) by changing the comment timestamp setting on the Settings | Comments tab in Blogger.
Comments left by Blogger members will have their names linked to their profiles. Anonymous comments, or comments left as "Other" but without a URL specified, will be unlinked. If someone comments as "Other" and specifies a URL, that will be the destination of the link.

Adding the Code to Your Blog

Here's the code you need to get this in your blog: