Saturday, March 6, 2010

How To Add ReTweet Button To Blogger

buzz this
Add Retweet Button To Every Blog Post 


You, New Blogger often seen TweetThis  retweet small button  button, and you have the questions  "how to add retweet button to my blog ??"


There a lots of ways and platforms to promote your blog in order to get traffic. But the first blog promotion starts from your blog posts itself. You should design your posts with all necessary blogger social bookmarking icons, so that people can spread it’s reach using different web services. There are different buttons that you can use on your blogger posts like Digg, Yahoo! Buzz, StumbleUpon, Mixx, Twitter etc. Here I’m going to show you the tutorial to add a Twitter or Retweet button to your blogger blog posts. Yes, you can use Twitter to promote your blog and you will not only get some followers to your Twitter account but will also get decent traffic to your blog.


If someone likes your post, he can click on the Retweet button to post the topic with it’s URL in his twitter account and all his followers would get notified about this. This is the simple yet effective way to promote your blog posts on twitter. There are two types of Retweet buttons available to insert in your blogger posts. One is the most common sized and another one is the small sized. Look at the below screenshot.
different twitter buttons for blogger posts
"How to Add Twitter (Retweet) Button to Blogger Posts"
1. Login to your blogger dashboard.
2. Navigate to Layout >> Edit HTML >> Expand Widget Templates
3. Search for and paste the following codes just before or after it.
<div class=’post-header-line-1′/>


>> Adding the code before <div class=’post-header-line-1′/> will show the Retweet button on the top of your post.


>> while adding after <div class=’post-header-line-1′/> will show the Rettweet button on the bottom of your post.


For Full Button, use the following code.
retweet button
<div style=’float:right; padding: 5px 5px 5px 5px’>
<script type=’text/javascript’>
tweetmeme_url='<data:post.url/>';
</script>
<script src=’http://tweetmeme.com/i/scripts/button.js’ type=’text/javascript’>
</script> </div>



Compact sized button, use these codes.



retweet small button
<div style=’float:right; padding: 5px 5px 5px 5px’>
<script type=’text/javascript’>
tweetmeme_url='<data:post.url/>';
tweetmeme_style = ‘compact‘;
</script>
<script src=’http://tweetmeme.com/i/scripts/button.js’ type=’text/javascript’>
</script> </div>

4. Save the templates, and you're done.




Have problem..?? Ask

Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl
blog comments powered by Disqus