How to Add Twitter (Retweet) Button to Blogger Posts
Navigate to Layout >> Edit HTML >> Expand Widget Templates
Search for <data:post.body/> and paste the following codes just before or after it. Adding the code before <data:post.body/> will show the Retweet button on the top of your post while adding after <data:post.body/> will show the Rettweet button on the bottom of your post.
For Digg like Button, use the following code.
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>Retweet this button on every post blogger
<script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript">
</script>
For Compact sized button, use these codes.
<script type="text/javascript">
tweetmeme_style = "compact";
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
Now if you want align it to the right, use the above code in the following way.
<div style='float:right; margin-left:10px;'>
>>>>Retweet Button Code Here<<<<
</div>
Similarly if you want to align it to the left, use the above codes in this way.
<div style='float:right; margin-left:10px;'>
>>>>Retweet Button Code Here<<<<
</div>
You are done now. Now all your blogger posts will have a Twitter button or Retweet button. If you face any problems, use the below comments section to seek help.
Tags:
0 reactions:
Post a Comment