Change is Good: How I've Revised My Blog Layout

 
As you can see, I've changed many of the attributes of my blog.  In this post, I will explain how and why I made these revisions.

First, let's look at how my blog looked before the changes were made.

When I first created this blog, I spent a considerable amount of time going through the templates and decided that the simplicity of Blogger's Minima template would allow the reader to focus on my content rather than extraneous graphics, and I thought that most of the other templates could be too easily identified as being Blogger templates.  Being the non-conformist that I am, not only did I want a template that didn't look so "ready-made," but I also wanted to change the default fonts and colors right away.  I thought that the titles and links should stand out, so I chose bold colors that would look particularly vibrant against the black background.  My original typeface choice was Trebuchet because it's clean and simple, and it also isn't as commonly used as typefaces like Times and Arial.

Then I looked at the possible edits that I could make from the "Page Elements" section of the "Layout" settings page in Blogger.  Here's how it looked after my changes:

 

I was thrilled to find a gadget that made a cloud out of my labels, and I thought that the "Search" functionality and "Subscription" buttons would increase the usability of my blog.  I also changed some of the titles of the sidebar gadgets in order to make them sound like something I might say (as opposed to generic titles), and I added a little blurb about me so that people have some idea who's writing these posts.

In addition, I moved the default location of the attribution, time posted, and labels for the posts to the bottom of the posts to the top.  This way, the reader will know, upfront, who wrote the post, when it was written, and the topics it covers. 

Next, I decided that something had to be done about the column width of my posts.  In my search for guidance on this matter, I found an article called "Displaying Text on the Web: Are Narrow Columns Better?" that detailed a study on people's preferences for things like column width and typeface.  The writers found that people strongly preferred 400pt. and 640pt. column widths and that there was no significant difference in preference/readability between the Times and Verdana typefaces.  With that information in mind, I changed the column width of my posts to 640pt. by changing the appropriate CSS settings.  The result is shown below.

After that, I decided to play around with my color scheme and add a header graphic to my blog:

 

In my Visual Design class, I learned that you should aim to have no more than two colors (aside from black and white) in your website design.  I had three: green, blue, and purple.  I thought that, while I liked this color combination, it would be better to eliminate the green because it didn't go as well with the other colors nearly as well as blue and purple looked together.

When I designed my header graphic, I wanted to convey the idea that traditional ideas about communication and text were being reevaluated in the context of New Media and the Internet.  To accomplish this goal, I took old-style text (similar to that created carefully by hand in the Middle Ages and Renaissance) and made it appear as if it was being viewed on a CRT monitor.  After I uploaded the image, I edited my CSS settings to remove the light gray border that formerly appeared around the blog's title.

Finally, I decided to change the default font in my blog to Times:

 

I changed my font to Times because I wanted to continue the theme of "the old being viewed in the context of the new."  Times has been a standard font in newspapers and magazines for decades, and I wanted to see how the "feel" of my content would change when presented in this typeface.  Right now, I think it helps to establish a sense of authority that helps to balance the light-hearted nature of many of my posts.  We'll see how I feel as time goes on.

As I learn more about HTML and CSS, I may test out my new skills by making some more changes to my blog's code.  Stay tuned!

What do you think of my changes?  Let me know!