How To Custom Color Your Links in WordPress and Blogger

So you want to include a link in your WordPress or Blogger site, but the usual link color won’t do? There’s an easy way to color your links with inline styling! Since this takes advantage of the cascade function in CSS (Cascading Style Sheets), it’s a great way to add extra spice to a link you want your readers to really notice.


It works basically the same way in WordPress, Blogger, or any other way you would have access to edit a post or page in HTML mode. It’s also very easy to do in the visual editor, if one is available, but this should come in handy if you don’t have access to it or, if you want a really custom color.

Once you are in your place where you edit, just be sure you are in html mode:

Create your post and highlight the text where you’d like to create a link by clicking the “add link” button.
Then, paste your link in the the popup window. Now here’s where the fun starts. You now have a basic html tag in your post like “a href=”placeyoulinkedto.com”. But since you are in html mode, you can make that link a different color by editing the tag like so:

Here’s a better capture of what your code needs to change to:

Of course, you can change the 6-digit hex code to anything you want. Used sparingly, it’s a good tool for getting your readers to really notice a link you want them to visit.