Monday, 22 April 2013

Change Hyperlink Color in Blogger

Being a blogger you must curious about your blog design and look. There are lot of professional blogger templates with custom designs and formatting. But not a single template comes with 100% satisfaction. We have to customize them to give such a look which we want to show to our readers.  Obviously blog design is the first thing that attracts readers to stay longer at our blog to read more content. Best design with perfect text font and link colors makes our blog more professional. When we use custom templates on our blog, we need to customize it according to our need like changing text fonts, font size, hyperlink color etc. That's why to make things easy for newbie bloggers today I bring a tutorial on how to change hyperlink color in blogger.
  1. Go to your Blogger account.

  2. Navigate to Template > Edit HTML.

  3. Now press Ctrl+F and search <b:skin> in your template.

  4. Click on black arrow to expand the code.


  5. edit html

  6. Now look at the CSS code of hyperlink in your template which something look like this:

  7. link color

  8. Now edit a { color:#0084CE; } with that color you want to use for hyperlinks.

  9. Edit a:visited {color: #289728;} to change color of visited link.

  10. Preview and save the template.

  11. That's it.
You can use this color codes tool to get hexadecimal code of your favorite color.



No comments:

Post a Comment