Italics When Hover on Links for Blogger Blogs

OK, so, you know that on most blogs when you hover over a link it has an underline? That used to drive my crazy. Until I found out how to get rid of it.

What we'll be covering in this tutorial:
1. No underlines on link hover.
2. Italics on link hover.

OK, so, first, how do you just plain get rid of the underline?

1. Log into your blogger account and click on the blog you want to edit.
2. Click on "template".
3. Click on "customize".
4. Go to "advanced".
5. Click on "CSS".
6. Paste this code in the box:

a:hover {
text-decoration: none;
}

7. Save template.
8. Click "back to blogger" and hover over your links to see how it worked!! :)

And then how do we apply the italics?

1. Log into your blogger account and click no the blog you want to edit.
2. Click on "template".
3. Click on "customize".
4. Go to "advanced".
5. Click on "CSS".
6. Paste this code in the box:

a:hover { color: normal; font-style: italic;
text-decoration: none; }

7. Save template.
8. Click "back to blogger" and hover over your links to see how it worked!! :)

Now, on the second code, we can edit it a little bit.

a:hover { color: normal; font-style: italic;
text-decoration: none; }

See the code in yellow? That's what we can edit. :)

So "normal". This is talking about the color when you hover over it. On "normal", it will be whatever you put on the customization. But if you put something like "black", "gray", "blue", etc., it will be that instead. You can only do stuff like "black" etc., you couldn't do like "light gray". Otherwise the code goes void. (doesn't work)

Hope this helps!! :)

~Storyteller