Spread the word in Typo

This post is largly based on: How to add digg this, reddit this, et al links to WordPress Posts. Basically the only difference is how to use rails instead of php in the URLs and addition of Fark and Blinklist.
So, here is what you have to do:

1. Download following images to /public/images

2. Add following code at the bottom of app/views/articles/_article.rhtml

<br /> <% a_permalink= "http://" + @request.host_with_port + article.location %></p> <div class="spreadtheword"> <a title="Add to del.icio.us" href="http://del.icio.us/post?url=<%= a_permalink %>;title=<%= article.title %>“><img decoding="async" src="/images/delicious.gif" alt="del.icio.us" border="0"></a> | <br /> <a title="Submit to Digg" href="http://digg.com/submit?phase=2&url=<%= a_permalink %>” ><img decoding="async" src="/images/digg.gif" alt="Digg" border="0"></a> | <br /> <a title="Add to FURL" href="http://www.furl.net/storeIt.jsp?t=<%= article.title %>;u=<%= a_permalink %>” ><img decoding="async" src="/images/frul.gif" alt="FURL" border="0"></a> | <br /> <a title="Add to Yahoo! My Web 2.0" href="http://myweb2.search.yahoo.com/myresults/bookmarklet?t=<%= article.title %>;u=<%= a_permalink %>“><img decoding="async" src="/images/yahoomyweb.jpg" alt="Yahoo! My Web 2.0" border="0"></a> | <br /> <a title="Add to Reddit" href="http://reddit.com/submit?url=<%= a_permalink %>;title=<%= article.title %>” ><img decoding="async" src="/images/reddit_btn.gif" alt="Reddit" border="0"></a> | <br /> <a title="Add to Blinklist" href="http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=<%= a_permalink %>” ><img decoding="async" src="/images/blinklist.gif" alt="Blinklist" border="0"></a> | <br /> <a title="Add to Fark" href="http://cgi.fark.com/cgi/fark/edit.pl?new_url=<%= a_permalink %>&new_comment=<%= article.title %>&new_link_other=@request.host&linktype=Science/Technology” ><img decoding="async" src="/images/fark.gif" alt="Fark" border="0"></a></div> </div> <p>

(Note: If someone knows a better way to place a permalink, let us know.)

3. Add following to public/images/user_style.css
.spreadtheword {
text-align: right;
clear: both;
font-size: 10px;
padding-bottom: 10px;
}

That’s it and you should be on your way to popularity. 🙂