Easy Steps to Remove the Underline Effect When Hovering in Blogger

Easy Steps to Remove the Underline Effect When Hovering in Blogger

by: Marvin

You have probably noticed the underline effect under the text links every time you hover over your blog post title in Blogger. Some users don’t like it and would prefer to remove it when they wanted to create a free blog for it. 

In order to remove that effect on your blog, you have to edit the html/css but because of its complex scripts, and newbie bloggers might have a hard time with it. Well, here are the steps on how to edit it.

1.       Login to your Blogger account and go to Dashboard.

2.       From the Dashboard, choose Template on the pulldown selection.

                                 

                    

3.       Click Edit Html.

4.       On the HTML code, look for a:hover. Do this shortcut (Ctrl F) to locate it quickly. As you see the script similar to this, look for the word “underline”. Below is the code which you will find in the Edit Html.

a:hover {
 text-decoration:underline;
 color: $(link.hover.color);

5.       Change underline to none. The code will look like this

a:hover {           

text-decoration:none;

color: $(link.hover.color);

6.       Click Preview to see result.

7.       Save.