How to Underline Links in Blogger Blogspot

 Why should we Underline Links?

• Ease of access is the key for underlining links, readers can access the links pretty fast since they are different from the rest of body text.

• I personally recommend adding underline plus a distinguishable colour as well.

1. go to blogger dashboard > theme > click on customize  

2. advance > add css > then paste the code 

3. do not forget to save

GET FREE VICTORIA’S SECRET SAMPLES NOW    

What code should we enter?

 We use CSS code for underlining links and changing their colours

 

•  if you want to underline entire links in your blog, paste the code below, you may change the colour to your liking. (note; this code underlines every link in the blog including blog header, categories etc)

a:link {
  text-decoration:underline;
  color:red;
}

a:visited {
  text-decoration:underline;
  color:red;
}

How do We make Links underlined only inside posts?

simply add below code right before the previous code

.post-body

 

• now our code will look like this

.post-body a:link {

  text-decoration:underline;
  color:red;
}

a:visited {
  text-decoration:underline;
  color:red;
}

GRAB YOUR FREE IPHONE NOW