Most elements on your main blog can support the "hover" feature of CSS.
What is hover? Basically, when you put your mouse over a image or word or location, the thing you are over will change to something else. This can be used to make your blog more interactive when someone is viewing it directly (instead of as a post on the dashboard).
Let's use tags as an example. This is what the tags look like out-of-the-box:
Plain, grey, and boring. Let's spice it up a bit by adding color and texture to it. To do so, add the following to the "CSS" window of the "Customize blog" page:
color: purple !important;
Save, and then reload your blog. Now, you have purple italic tags like this:
Much better. Much more eye-catching. This can help drive internal traffic within you blog and get you more followers.
But I started by talking about hover. So let's add that, too. Let's make the the tag bold and black whenever the mouse goes over top of it. Place this in the CSS editing window, in addition to the stuff you just added.
color: black !important;
Now save and refresh again. Then put you mouse over one of your tags.
Viola! Now that will really jump out when your viewer's mouse moves over it.
Most element within the page can support this. To find the name of the element, use your browser's right-click menu on the element you want to change, then add it to the custom CSS editor window with
< thing you want to change > : <thing you want to change it to >;
Don't forget that "." in front.
Please sign in to leave a comment.