Nofollow Highlighting In Google Chrome

28th November 2008

I found this excellent bookmarklet the other day which allows you to see nofollow links quickly and easily in Chrome most modern browsers.

Nofollow?

The bookmarklet consists of the following JavaScript.

javascript:function%20highlightNofollow(){var%20newStyle=document.createElement('style');newStyle.type='text/css';newStyle.appendChild(document.createTextNode('a[rel~=nofollow]{border:1px%20dashed%20#852!%20important;background-color:#fcc!%20important;}'));document.getElementsByTagName('head')[0].appendChild(newStyle);};highlightNofollow();

Which basically puts the following CSS rules into your document, thus highlighting any links with the rel="nofollow" attribute.

  1. a[rel~=nofollow] {
  2. border:1px dashed #852! important;
  3. background-color:#fcc! important;
  4. }

Take a look at the bookmarklet on johnmu.com.

Add new comment

The content of this field is kept private and will not be shown publicly.