Remove Underline  Below Text Links In Blogger

There are several ways to remove underline effect below text links in blog. Most of the bloggers believe that this effect is unprofessional. As a result, we want to remove this in our blog. In basic html/css, we used in blog “text-decoration:none" to remove underlines in our text links. However, because of its complex script bloggers who are just starting don't know how to do this. It is similar to removing image border hack in blog. This is not as hard as you think. Let me show you how to do this in simple way
To remove underlines you just to edit a little part of CSS code let's see how?

Remove Underlines From Links In Blogger


First Go to your Blogger Dashboard > Design > Edit HTML.
Download/Backup your template
Find below CSS Code in your template.


a:link {
text-decoration:underline;
}
a:visited {
text-decoration:underline;
}
a:hover {
text-decoration:underline;
}

Now replace text-decoration: underline; with text-decoration: none;

a:link {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover {
text-decoration:none;
} 

After replace the code save your template and you are done...
That’s all
Enjoy !

No comments:

Post a Comment