Add Design Float button on Blogger template

Design Float is a great resource - digg-like - to share stories about Web Design, CSS, Identity and Branding, Digital art and Illustration.

This tutorial explains how to add a Float it! button on each post on your Blogger template.

Edit your Blogger template and check "Expand Widget Models". Find this line of code:

<'post-footer-line post-footer-line-3'>

...and paste, below this line, this code

<script type="text/javascript">submit_url = '<data:post.url/>';</script>
<script type="text/javascript" src="http://www.designfloat.com/evb/button.php"></script>

The result looks like this

If you prefer a big button copy and paste this button instead of the first code:

<script type="text/javascript">submit_url ='<data:post.url/>';</script>
<script type="text/javascript" src="http://www.designfloat.com/evb2/button.php"></script>

The result is like this

Save your template and post your stories on Design Float!