I posted a while ago about a neat CS 2007 add-in that automatically adds referrer tags to your posts.
The code is pretty slick, and the author, Christopher Even made the module so you could add as many new referers as you'd lke. By default, in his example he uses text so you'd have:
Technorati | Yahoo! | Google etc,
I wanted to dress up my posts with a little color and easily identify the referring links with icons instead. That was easy enough, since his module simply does a find and replace on valid HTML code.
In his example he uses:
<a href="http://del.icio.us/post?url=[URL_ENCODED]&tags=[TAGS_ENCODED]&title=[TITLE_ENCODED]" mce_href="http://del.icio.us/post?url=[URL_ENCODED]&tags=[TAGS_ENCODED]&title=[TITLE_ENCODED]">Del.icio.us</a> |
I changed that with the following
1) Change the <a> tag slightly to ensure that the link opens in a new window with target="_blank"
2) Remove the text and add an <img> tag instead:
<img class=link_icon alt="del.ico.us" src="/images/delicious.png" alt="del.ico.us" /></a>
3) Added some remarks in between links in order to easily find them in the future so the full code is:
<!-- Del.ico.us Tag -->
<a href="http://del.icio.us/post?url=[URL_ENCODED]&tags=[TAGS_ENCODED]&title=[TITLE_ENCODED]" mce_href="http://del.icio.us/post?url=[URL_ENCODED]&tags=[TAGS_ENCODED]&title=[TITLE_ENCODED]" target="_blank">
<img class=link_icon alt="del.ico.us" src="/images/delicious.png" alt="del.ico.us" /></a>
