How To Remove Underlines From Links In Blogger? - Helper Blogger

Blogger Widgets | Templates | Tutorials


Monday, 30 April 2012

How To Remove Underlines From Links In Blogger?

When I was new in the blogging world I tried blogger as well as wordpress for few month but as google mostly prefers blogger we moved to blogger again.As my experience blogger is not a perfect blogging platform for newbies as compared to Wordpress.It comes with default boring templates and much other boring things.But there a positive option in blogger,that blogger has given us a option to edit our own template i.e. we can edit CSS and HTML but only professional blogger's can do this not newbies .Anyway leave that,today we will apply another cool and simple CSS hack which will remove underlines from your links.It is similar to removing image border hack.Now without waiting anymore lets go to the tutorial

How To Remove Underlines From Links?

To apply this hack you just to edit a little part of CSS code let's see how?

  1. First Go to your Blogger Dashboard > Design > Edit HTML.
  2. Download a copy of your template.
  3. Now find for below code in your template.

a {
color: #0000FF;
text-decoration: underline;

Note - You will find this code little code different as coding of each template is differ.If you could not find this code then do not panic and simply post your Blog URL in the comments.

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

Now save your template and you are done...



    I couldnt find the code :(

    1. @Tanmay - You have already removed underlines from links.So that you don't need to do anything.Check this code in your template...

      a:link {
      color: #3366CC;
      text-decoration: none;

  2. thanks working on my blog thanx for sharing

  3. Hello admin,
    I've didn't find the code on blogger
    Please visit

    Please help me.... :(

  4. Replies
    1. Hey you can simply make these change changes using blogger template designer.
      Go to Blogger Dashboard > Template
      Open Template Designer and you will find link tab there.

  5. Hey How To Add Html In Post As U do
    so the vieitors Copy those Code in posts plz tel me bro

  6. Hey How To Add Html In Posts As U In U r Post
    So,The Reader direct Copy That Code In The Post
    This Is My Blogg Plz Help

    1. Hey dude you have to parsed your codes first,

      To parse any code follow below simple steps,

      1. First go to this page
      2. Paste your code in text area
      3. Hit the convert button
      4. Copy all code and you have done.

      Now while editing post click shift to Edit HTML tab and paste your copied code,if you want to highlight your code then follow below tutorial -

  7. This was very helpful, thank you so much!

  8. I can't find the Codes :(


  10. This comment has been removed by a blog administrator.

  11. Really works ... amazing tip blogger, this css code makes my blog look professional..

  12. Thank you for writing this.

  13. Quick question: All link in blog somehow have started to be underlined (header, visited and unvisited links, labels, etc.) I followed your step above and made that change, but nothing happened. Can you give me some help with this?

  14. Hi, this is a great tutorial, but I can't find the code. I'd really love it if you could help me out? Thanks. :)

  15. Please will you reply, I'd appreciate. I just hope I can get it right.

  16. This tutorial is cool, the underline effect when hovering the links on my blog is not showing anymore. Thank you very much Rahul. 🙏


If you want to be informed about any replies then check "Notify me" option (present at lower right corner of comment box and it will display if you are logged in to your google account). PLEASE DO NOT SPAM