Saturday, February 21, 2009

How to Add StumbleUpon Button to Blogger Posts

This is the how-to for adding another content recommendation service, StumbleUpon, to Blogger blog posts. I had to change the code and instructions from Stumble Upon site slightly because the paragraph tag was not placed around the correct element.
<a class='timestamp-link'
expr:href='"" +
data:post.url + "&title=" + data:post.title' title='permanent link'>
<img style="padding: 0; border: none;"
alt="Stumble Upon Toolbar" align=""/></a>

- Click on Layout and select the "Edit HTML" option
- Check the checkbox to Expand Widget Templates
- Find the following line...

which in my template is around line number 663
- Replace it with the code above & save your template
- Republish your blog and your are all done

Post a Comment