Changing Link Colors in Blogger

One of the reasons we went away from our home built blog was to get a better feel of other systems and the problems faced by their users.

Blogger's CMS doesn't let one have much control over the page elements. Changing the link color in the posts also changes the links on the right column. Blogger did a good job allowing users to change a lot of the elements. I’m surprised that they missed this one.

There has to be a work around. We found three.

1. The simplest one to implement is to add a style whenever you make a link. The problem with this solution is that you will have to add the style color code each and every time you make a link.
2. The second way would be to go into LAYOUT > EDIT HTML and add the link style to the existing Blogger template. You would still have to add code to each and every time you make a link, but it would be slightly easier.
3. The third way would not require you to do anything after the changes are made but you will have to alter the code. Don’t worry, it’s fairly simple and straight forward and you cannot ruin your site.

If you don't have any experience working with code see the following post, it will explain the process in detail.

Changing the STYLE in Blogger

To change the link style color in Blogger change go to LAYOUT > EDIT HTML and add a style right after you see the first link styles. Give it a fairly uncommon name so you will be to do a CTRL F. I used

After that select EXPAND WIDGET TEMPLATES and scroll to the bottom. Find the a href tags in the widget; it doesn't look as it normally does. You'll see something that looks like:

<a expr:href='data:item.blogUrl' target='_blank'>

after the "<a" insert your style name as you normally do. It should look like this:

<a class="sideRight" expr:href='data:item.blogUrl' target='_blank'>

Find all the widgets, add the class to the <a href> tag and you're done. Remember, each time you add a new widget you'll have to make this change to the template.