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

Blogger Widgets | Templates | Tutorials

Latest

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...

21 comments:

  1. http://yourpcgenie.blogspot.com/

    I couldnt find the code :(

    ReplyDelete
    Replies
    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;
      }

      Delete
  2. thanks working on my blog thanx for sharing

    http://einews.blogspot.com/

    ReplyDelete
  3. Hello admin,
    I've didn't find the code on blogger
    Please visit http://alltimethefun.blogspot.in/

    Please help me.... :(

    ReplyDelete
  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.

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

    ReplyDelete
  6. Hey How To Add Html In Posts As U In U r Post
    So,The Reader direct Copy That Code In The Post
    http://sunnyhacking.blogspot.com/
    This Is My Blogg Plz Help

    ReplyDelete
    Replies
    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 -

      http://www.helperblogger.com/2012/06/how-to-add-syntax-highlighter-v3-to.html

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

    ReplyDelete
  8. I can't find the Codes :(
    http://softclub63.blogspot.com

    ReplyDelete
  9. http://www.cheapnikeshoxlist.net

    ReplyDelete
  10. This comment has been removed by the author.

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

    ReplyDelete
  12. Thank you for writing this.

    http://www.textyourexbackpdf.info/

    ReplyDelete
  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?

    http://swooshtech.blogspot.com/

    ReplyDelete
  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. :)
    http://tangerine-tane.blogspot.com/

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

    ReplyDelete
  16. This tutorial is cool, the underline effect when hovering the links on my blog https://vandeweybalao.blogspot.com is not showing anymore. Thank you very much Rahul. 🙏

    ReplyDelete

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