Highlight follow nofollow

Sometimes it's good to know when a link is rel="follow", rel="nofollow" or rel="external" (or somewhere in-between)

While there are a number of ways of doing this (some that are much simpler) I prefer a simple userContent.css hack.

Locate your Firefox profile chrome folder :

For me, on XP it's :

C:/Documents and Settings/bob/Application Data/Mozilla/Firefox/Profiles/wvgte4j1.default/chrome/

On Unix/Linux environments it will be in somewhere like :

/home/bob/.mozilla/Firefox/Profiles/wvgjn4j0.default/chrome

In there you may see a couple of .default files - you don't need to mess with them.

Close Firefox!

If there is a file called userContent.css then edit it, otherwise create it and add the following :

a[rel~="nofollow"] { border: thin dashed firebrick !important; background-color: rgb(255, 200, 200) !important; } a[rel="external"] { border: thin dashed green !important; background-color: rgb(200, 255, 200) !important; }

Save the file - start Firefox.

The following two links :

Linus and my work

...should now look like this :

nofollow links will be red - external links will be green and every other link will not be highlighted.

How you use this is entirely up to you.