Archive for the ‘Blog Design’ Category
Why you should use images excessively on your blog
Wednesday, March 24th, 2010
This morning I went to a visual communication arts class and everyone formed a circle to discuss the evolution of newspaper layouts. I learned that the most striking difference between modern newspapers and those of the past are the ratio of pictures to text.
The first newspapers in America of course did not have images because of the limited printing technology available.
"Publick Occurences: Both Foreign and Domestick," the first multi-paged newspaper in America.
How to change the fonts on your WordPress blog theme
Monday, March 8th, 2010
Do the fonts on your free WordPress theme cause you to puke in your mouth a little every time you look at them? Or maybe you are just tired of looking at the same fonts and need something new. In either case, this guide is for you.
The truth is, fonts are like hats. Some hats are very ugly hats.
So let’s go hat shopping!
Changing the colors of your WordPress blog theme
Sunday, February 28th, 2010
Changing the color scheme of a WordPress blog without changing the theme is not rocket science. In this post, I will explain how this can easily be done; but first, I will identify the major colored elements of a WordPress blog theme so that we know what to look for.
Using Firebug to experiment with styles on your WordPress blog before making permanent changes
Saturday, February 20th, 2010
For many WordPress users who are self-hosted, changing the styles on a theme can lead to a great deal of frustration. After all, not everyone is proficient in CSS. And some bloggers, who have a basic grasp of CSS, don’t necessarily know where to find the particular code snippets they are looking for to alter styles. Even expert coders — without assistance from a program — can have a great deal of difficulty finding the styles for elements in the theme that they want to change. That’s just 3 reasons why you should install the fabulous Firebug add-on for Firefox.
How to change the main width of your blog
Monday, February 15th, 2010
If you are like me, you are constantly changing the layout and design of your blog. Viewing the same design elements can get tiring after a while and sometimes, a change is necessary. One of the simplest design alterations you can make to your blog involves changing the width of your blog post area. Here I will lay out instructions on how to widen or make narrower your post width and you will not need any coding experience to follow them.
Back when blogging was for the most part streamlined (the age of blogger.com), and design options were limited, blogs tended to have very narrow widths. Narrow widths allow for less text per line (causing less of an eye-strain for readers) but also cheapen the overall feel of the site. Wide widths can get the blog more of a professional look but also make it more difficult for the reader because of more text per line. Finding a compromise that fits your site perfectly is the key.
To alter the width of your blog, you first need to open up your style sheet. This will be named style.css in WordPress and can be accessed by clicking on your editor button under the appearance tab in the admin control panel. After you have clicked on the editor button, you should be taken to a screen called “Edit Themes,” and you will see a list of files on your right hand side.
- Click the Stylesheet (style.css).
- Sift through the code and look for a comment (will begin and end with a “/*”) that says “posts” or something similar. If you do not see a comment that says “posts” or anything similar, look for a div class or id (will look like div# or div.) that is titled “posts” or anything similar. More likely than not, your blog posts will have their own custom divider with custom styles. It will be easier to find the “post” div if you look for a line of code under it that looks like this: “width: 600px;”. The width will probably be over 300px.
- Under the post div you just identified (either by looking for a comment or at the name of the div), look for a line of code that specifies width. The value will most likely be measured in pixels (px) and you can change it to your liking.
- Click the update button at the bottom of the page (which is blue if you are using the default WP admin theme).
- Preview the changes by clicking the “View Site” button. If the width is not to your liking, change it again in the Stylesheet.
If you are having difficulty changing the width after reading this tutorial, please don’t hesitate to ask for help by leaving a comment.
Recent Posts
Recent Comments
Featured Posts
Popular Posts
- The Best Blogging Sites and Platforms | Top Blog Sites 69 comment(s) | 269481 view(s)
- Random Topic Generator | Blog Topic Generator 62 comment(s) | 111761 view(s)
- Choosing a name for your blog 4 comment(s) | 34266 view(s)
- The Custom Post Background WordPress Plugin 112 comment(s) | 21799 view(s)
- Why you should use images excessively on your blog 5 comment(s) | 11791 view(s)
- Wp-config.php security leak - hundreds of blogs hacked 12 comment(s) | 7024 view(s)
- How to host your own blog in 5 easy steps 6 comment(s) | 5808 view(s)
- Setting up an email subscription form with Google FeedBurner for your site or blog 20 comment(s) | 5114 view(s)
- What is Akismet? 4 comment(s) | 5061 view(s)
- Buying a Domain for Your Blog 2 comment(s) | 4453 view(s)
