Detect nofollow Links in FireFox

• Posted by Badi Jones on August 17th, 2005 - Comment on this Post »

I’ve gotten so used to seeing nofollow links colored in a light pink background with a dotted red border, I almost forgot how cool this FireFox modification was. Its just part of my everyday browsing now.

After adding this mod, “rel=nofollow” links will be marked as follows:
Firefox.com

You’d be surprised sometimes at what sites you find using the “rel=nofollow” attribute in their links. Sometimes you will see sites that use it to block affiliate links. Or many times, forums will block signature links. I think the strangest place I’ve seen it yet is on the site SpreadFireFox.com. I just don’t see the point in them blocking people from getting a backlink in Google.

How to Install the “rel=nofollow” Detecting Modification in FireFox
1) Find this File: userContent.css
In Windows XP its here:

C:\Documents and Settings\[User Name]\Application Data\ Mozilla\Firefox\Profiles\hb3k7zah.default(varies)\ chrome\userContent.css

For any other OS, just search for userContent.css. (could take forever in windows)

2) Open the file and add this line

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

3) Save the file and Re-Start your browser.

Thats it.

Share This

If you enjoyed this post, make sure you subscribe to my RSS feed!