How to add TwitThis button to your blogger post

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)

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

And the enclosing </div>

Put the following code between these two lines.

<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>

If the template code is in this way

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

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

<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>

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.

Be a Fan

Share This

Follow Me: