Blogging is cool: You have your own space, you can make it look however you want, you can write whatever you want and put whatever images you want in there (okay, there might be some restrictions based on where you live, but you get the point). The more attractive your website is, the more likely visitors are likely to hang around to read your blog, look at stuff and click on things. How do you make your website as attractive as you can? By editing it with CSS. Here we will look at what bloggers can do with CSS …
CSS (Cascading Style Sheet)
CSS is a language that lets you manipulate and make design, formatting an positioning changes or adjustments to your web page. Everything from text bodies, photos and other visual elements, containers, the background, even those little notes you want scattered throughout the page. Making changes with CSS is easy if you have a little coding skills, and changing one element will not have any snowball effect on the others in the page.
What You Can Do with CSS Set the Positions of Containers
Containers (or div’s) are those things in the webpage that house or frame the different elements of your website; elements like the title, photos, images and text. If you want to go for a simple layout you can just position one container on top of the other from top to bottom, many new to CSS and blog editing do this, and it does look simple yet pretty if you can pull it off. The more complicated layouts; like having elements flush to the right or left, floating within the page or contained or floating within another element takes more planning and coding, but they also look more attractive than a top-to-bottom layout and saves your readers from a long scroll down your page. Here’s a tip; draw what you want to see on your website on paper first before attempting to layout with CSS.
By changing colors we mean the colors of everything on the page; from the background that stands behind everything, the boxes containing the different elements to the letters of the title, main text and the copyright notice. When making code for different elements, colors like red, yellow, blue, white, black, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, silver and teal are already pre-defined. You can even set the “level” of the color (0 being the darkest hue of the color and 255 being the brightest). Many colors that aren’t common are coded and can be found at W3Schools HTML color picker. Here’s a tip for coloring your website; have various colors for your website, but not so much that it confuses or disorients your viewers.
Change the background
This is one of the cooler changes you can make to your page. If you don’t want a static color sheet framing all of your elements, you can also upload an image to serve as your background. Just make sure it is a high-resolution image that you have the rights to.
Borders are those things that go around things, don’t confuse them with containers. There are different border styles you can choose from, they can be solid, dotted, dashed, double, grooved, ridged, inset and outset. You can also set the border on just one side of the element whether this is the top, bottom, left or right. For added impact you can also set border colors. Another tip: Try not to make the borders more attractive than what they are actually bordering. These are just some of the things you can do with CSS. The more things you learn the more you can make your website look more awesome. Have fun!