Sunday, February 17, 2008

Adding StumbleUpon button to ending of each Blogger posts

The same trick as this post, we have to customize Blogger template!

  1. Goto "Layout/Edit HTML", and check "Expand Widget Templates"
  2. Find HTML tag at section:

    "<div class='post-footer-line post-footer-line-3'></div>"

  3. Insert in that "div" enclosure the StumbleUpon code:

    <a expr:href='"http://www.stumbleupon.com/submit&#63;url=" + data:post.url + "&amp;title=" + data:post.title'><img src="http://www.stumbleupon.com/images/su_micro.gif" alt="StumbleUpon"/></a>

    Note: the spaces around the "+"s (the plus character) are essential! And the Logo of StumbleUpon can be changed on your preference.

  4. Save the template.
Reference:
StumbleUpon and your Blog

No comments:

Post a Comment