How to Highlight Nofollow Links & rel="me" Links in Opera Browser

By: Helen M. Overland, April 2nd, 2008

Ever since the announcement that Google would no longer be giving credit to links marked with the "nofollow" attribute, there has been a lot of interest in easily identifying web links with this marker. For example, if you use the Firefox browser, there are a few tools you can install, or quick Firefox updates you can make to mark the nofollow links on any page you are viewing.

In addition, there is also the rel="me" attribute which social services can use to aggregate data about you and determine which sites are officially yours. While this attribute is still in the very early stages of implementation, there could be a lot of opportunity in this attribute as time goes on. It might be interesting to keep an eye on this attribute as its' adoption increases.

If, like me, you prefer to use the Opera Browser for your main browser, you may also want to see this handy information easily in the pages you are visiting. If you are unsure about downloading a toolbar, you can always use the following quick and easy method.

Once you make this simple edit to your Opera browser, you will be able to see nofollow and rel="me" links easily on the pages you visit. The following image shows you what you can see in Opera when looking at a nofollow link, a rel="me" link, or even a link with both attributes:

highlight nofollow and rel=me links

As you can see, any links which have a nofollow attribute are pink. Any links which have a 'rel="me"' attribute are clearly outlined in green. You can now see which links on any webpage are using either of these attributes in their links and gain increased understanding into the link policies of the site.

There are 2 ways you can highlight nofollow links in Opera:

1. The easy, no-geek way:

Download this Opera nofollow CSS file. Now, (assuming there is no custom code in your existing user.css file) after you've done this, you only need to save it in the right place (It can generally be found at C:\Program Files\Opera\styles\user.css).

To check and make sure we are saving the file to the right place, follow these 2 easy steps:

Click on "Tools -> Preferences"
Click on "Advanced -> Content -> Style options..."

The file and folder will appear in the box as the following image shows:

Just save the new file you just downloaded as this old file (or change the preference to wherever your new file is) and restart Opera.

2. Or if you are comfortable editing your own user.css file...

(this file can generally be found at C:\Program Files\Opera\styles\user.css)

...Add the following lines to the file:
a[rel~="nofollow"] {
  background-color: #FFE0E0 !important;

a[rel~="me"] {
  border: 2px dashed #00A000 !important;

Close and restart Opera, and the links below should be highlighted as seen in the image at the top.

nofollow me

Happy surfing!

©2008 Helen M. Overland. All Rights Reserved.
Want to republish this article on your site?
This article may be republished on your personal, non-profit, or commercial website, blog or E-Zine free of charge provided there is an active link to and that this copyright notice is included. The article must be publicly and freely available - without a charge for the content.

Copyright 2006 Helen M. Overland, All Rights Reserved
SEO Search:    Search the Web with an SEO Focus: