I just added this cool CSS rule to my blog:

a[rel~="nofollow"]:after {
content: “(nofollow)”;
margin-left: 5px;
margin-right: 5px;
color: gray;
}

This will show ‘nofollow’ after links that have the nofollow rel attribute.

Kind of like this:

microsoft

Pretty cool! Phil Ringnalda gave me the idea.


  1. Randy Charles Morin

    FYI, No work in IE.

  2. Kevin Burton

    Thanks.. yeah.. I know it won’t work in IE since they don’t support the “content” CSS attribute. :-/

    Sad.. but you should upgrade to FireFox anyway ;).. this is a good excuse ;)

Leave a Comment