Category Archives: highlight nofollow

Highlight NoFollow Links: Chrome "Plugin"

paid linksThe combination of Google Chrome’s speed and a fatal Firefox bug has converted me to Chrome full-time.  The biggest loss of such a switch is my treasure chest of great Firefox plugins.

Unfortunately Chrome doesn’t offer plugins yet (actually, they do for select parties found via this Chrome URL hack), but there is a close approximation for many needs: bookmarklets + javascript.  In fact, there’s a site offering various Chrome “Plugins” using this approach:  That was a really savvy domain/focus — thousands of Chrome plugins seem inevitable long-term and the site is well positioned for that future.
I’ve pulled multiple plugins from that site, but one was missing for exactly my needs.  I wanted a plugin that would highlight nofollow links, not just the text, but the background of the text — for easy viewing across sites with diverse text colors.  ChromePlugins had a plugin that changed text color to red, but sites like ReadWriteWeb (image above of pagerank passing paid links) already color their links red.  Therefore, I tweaked the code to highlight nofollow links with a yellow background (and red text).  The code is below:
javascript:var%20t=document.getElementsByTagName('a');for(i=0;i<t.length;i++){if((t[i].rel.toLowerCase()=='nofollow') | (t[i].rel.toLowerCase()=='external nofollow')){void(t[i].style.color='red');void(t[i].style.background='yellow');}}

To install it, you only need to drag this icon to your Chrome bookmarks bar: Highlight NoFollow
Let me know how it works for you…
UPDATE: I received a great suggestion in the comments, to also highlight ‘external nofollow’ links.  I’ve updated the javascript to do this.  If you grabbed the prior, just delete it and drag the current icon of my face to your bookmark bar.