Have I told you guys how much I LOVE CSS? Do you know what CSS is? Well let me tell you, if you don’t, you are missing out on a relatively simply way to edit and customize your blog templates.
Let me give you a really quick introduction. CSS stands for Cascading Style Sheets. Fun word in there is STYLE! It’s really the language that adds the "look" to your site/blog’s look and feel. From Background colors to header images to link style to navigation positioning is can all be done with CSS.
Now don’t get all freaked out that I called it a language. Even though CSS can get complicated fast, there are some super simple ways to modify your blog. Over the next few weeks I’d like to cover some CSS basics specificaly for bloggers but before we move on I need to know that you know how to access your blog’s CSS.
First of all, CSS is a web standard and therefore not tied to any particular blog platform. Whether you are a blogspot or WordPress user, you can edit or add a little CSS to modify the look of your blog. For wordpress users if you are self hosted, simply go to the editor under the appearance option in the side bar. Style.css should be the default file loaded in the editor.
On WordPress.com? Your gonna have to pay for access but it’s exactly the same. Once you upgrade you will have access to the Edit CSS link under the appearance options.
Accessing it is a little different but if you scroll down on the edit HTML page under the layout tab you will see CSS code you can manipulate or add to for your particular template. Note: Blogger has since made changes and created an interface to make basic edits to your CSS file under the Fonts & Colors Tab
OK, so you have access but what do you DO with it? Let’s take a look at this little snippet from a recent template I’m working on just for a quick introduction.
Naaaaa…. really look at it and I bet you can figure out it out.
First of all this particular CSS rule is being written for the
body. Think of the
body as the base of the page or the page itself. Let’s start from the bottom and work our way up. There’s definitely an image on the page, that’s centered and at the top. It doesn’t repeat. It’s name is bg.gif and it’s found in the images folder. There’s also a background color who’s code is #62965d; Something about scrolling and another color, which must be the text color since the background color was already defined.
Sound about right? Still intimidated?
You shouldn’t be. Really it’s just a bunch of simple commands that define how things should look. In my next few posts I’m going to cover some basics to help you customize your own blogs. For now just make sure you can get access to your CSS and peer at it a bit. Go ahead don’t be scared, I promise it won’t bite and whatever you mess up you can simply undo. Don’t fear the code!
Any questions on how to access CSS in you blogs? Any specific CSS topics you would like see covered in this series? Next week we’ll dive in! :)