How-To Add Twitthis Button to Your Blogger Post

Sat, Aug 8, 2009, by sikku6

Web Talk

A tutorial on how to add TwitThis (Tweetthis or Tweet this or Twit this) button to all the post in your blogger blog.


I read this blog to add a twitthis button to blogger post.
Add twitthis button to your blogger

There is a better way to add the twitthis button to your blog.
Note: Backup your template before doing this.

  • First click the Layout link for the blog you want to add the button to.
  • Next, click the link for Edit HTML, to edit the template.
  • Then, backup your template so that if anything goes wrong you can always upload the stable template. To do this click the link that says “Download Full Template” and save the .xml file to your hard drive.
  • Now check the box at the top right that says “Expand Widget Templates”
  • Now find the below line using your browser’s search function. (Press Ctrl + F)

[code]<div class="post-header-line-1">[/code]

And the enclosing
[code]</div>[/code]

Put the following code between these two lines.

[code]

<a expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title'><img alt='TwitThis' src='http://ajax.twitthis.com/chuug.twitthis.resources/twitthis_grey_72x22.gif' style='border:none;'/></a>

[/code]

If the template code is in this way

[code]

<div class="post-header-line-1">

[/code]

Which means you have only one line of code then it is better you do the following

Remove that line of code and add this one

[code]

<div class="post-header-line-1">
<a expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title'><img alt='TwitThis' src='http://ajax.twitthis.com/chuug.twitthis.resources/twitthis_grey_72x22.gif' style='border:none;'/></a>
</div>

[/code]

You will get the TwitThis image after the title as in my blog.

If you have any problem with the adding of this code then revert back to me @ sikku.blogspot.com

Reblog this post [with Zemanta]

9
Liked it

1 Comments For This Post

  1. sikku6 Says:

    Gosh!!! The HTML code which was put has been translated completely….

    Please check this link:

    http://sikku.blogspot.com/2009/08/how-to-add-twitthis-button-to-your.html

Leave a Reply