To Add Retweet Button to Blogger Blogs as Blogspot wordpress and in websites with Default Button and Compact Button for Retweet Buttons.
 |
| Retweet Button in Blogger Blogs |
Now Twitter has become a powerful source for web traffic and at the present time twitter holds alexa rank 10 which is based on the last 3 months traffic to twitter so by adding retweet buttons to your Blogger Blogs Blogspot or in any websites you can get some decent amount of traffic to your blogger or websites so after adding tweet buttons to your blogger you can retweet your post any times and then your post will be in the front of your followers and then your followers can retweet it and also your blogger's visitors can retweet your posts and then it will be in the front of your visitor's followers so the possibilities for some traffic to your blogs will be higher and higher as your retweet button activation. Now come to the main point that,
How to add Retweet Buttons in Your Blogger Blog.
 |
| Retweet Button in Blogger for every post |
Basically there are two types of retweet buttons one is the Default Button and second is the Compact Button you can choose which one is suitable for you which look like as in the above preview or you can see the live preview on blogspot just click on Retweet Me Button.
The code for Retweet Default Button is,
Code 1.1
<div style='float:right; padding: 4px;'>
<script type='text/javascript'>
tweetmeme_url='<data:post.url/>';
tweetmeme_source ='Your_twitter_user_name';
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>
</script>
</div>
The code for Retweet Compact Button is,
Code 2.1
<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>
Make sure if you want to show your retweet button to your right side of your post then the above codes will be default for you. you don't need to do anything while if you want to show your retweet button to your left of your every post then you have to change the yellow part that is right to left and write your twitter user name in blue part of the code that is Your_twitter_user_name.
Now choose any one version of your retweet buttons between default and compact version. we assume you choose the default button so copy the code of Code 1.1. Now
Sign in to your blogger dashboard :
-- > Click on Design ::
-- > Click on Edit HTML ::
-- > [Don't forget to backup your template] Check box in " Expand Widget Templates " and find the code (using ctrl+F) <data:post.body/> and paste the Code 1.1 just before the <data:post.body/> code. Look at the following preview,
*** If you are using automatic read more option for your custom templates of blogger then you will find <data:post.body/> code more than one so do for every one and look which one is working and save it.
*** If you are using automatic read more option for your custom templates of blogger then you will find <data:post.body/> code more than one so do for every one and look which one is working and save it.
 |
| Installed Retweet Button in Blogger Templates |
You done !
*** You can do similarly for compact retweet button just you need to work with Code 2.1 instead of Code 1.1 and all the process will be same.
Have You Doubt !
