Home > JavaScript > Nofollow Highlighting In Google Chrome

Nofollow Highlighting In Google Chrome

November 28th, 2008 Tech Leave a comment Go to comments

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.

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

Take a look at the bookmarklet on johnmu.com.

Information, services, and products:
Searching for doll house furniture ?
Cane Dining Furniture here
If your looking for modern furniture then look no further.
shabby chic furniture at great prices.
Garden Lighting available here
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.
  1. No comments yet.
  1. No trackbacks yet.