25 February 2010

How to add "Retweet This" button to Blogger blog?

Advertisements

Now you already know hot to add Tweet This button to your blog now it is time to add "Retweet This" button. Tweeter has emerged as a tool to promote your site.Adding Retweet button will help you to get some more visitors. If anyone liked your post he will click on Retweet This button and then all his followers get notified. In this way you can reach more peoples.

There are two types of Retweet This buttons popular today:

Compactand Fullbuttons.

Live Demo of Retweet This Button


Let's add this button.

Go to Layout > Edit HTML > Expand Widget Templates. Now Find any of the following codes

<div class='post-header-line-1'/>

OR
<data:post.body/>

I am giving Four codes use any ONE of them you like dependind on the Size and Place of the button.

1. Full Button Left Side of Post

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

2. Full Button Right Side of Post

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

3. Compact Button Left Side of Post

<div style="float:left;padding:4px;">
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'your_twitter_user_name';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

4. Compact Button Right Side of Post

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

Now add any ONE of the above four code

AFTER <div class='post-header-line-1'/>

or

BEFORE <data:post.body/>

Remember to change your_twitter_user_name with your tweeter user name.

Related Posts

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More