How to Add A Twitter Share Boutton in Blogger

Twitter is very popular these days, adding a cool Tweeter Share Button to your Blogger blog posts can easily get you some decent amount of traffic and promote your content/products to large people in quick time. If you have tons of followers, then you can easily milk it.

So, here is how to add a nice Tweeter Share button to your blogspot blog posts:

There are two versions of Tweeter Share buttons.. one is the default one (looks like digg button) and the other one is Compact version which can fit in small space.

The Code for the Default version is :


<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>

and for Compact version is :

<script type="text/javascript">
tweetmeme_style = "compact";
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

Here is how to add them to your blogger post. If you want it to the left side of blog post:

Find


<data:post.body/>


And Paste this code BEFORE that line..

<div style="float:left;padding: 6px 10px 6px 0px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>
</div>


If you want it to the Right Side of post.

Find


<data:post.body/>

Add this code BEFORE that line..

<div style="float:right;padding: 6px 0px 6px 6px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>
</div>

Now save changes and view your posts.