And you can add a retweet button to your blog to enable your visitor to retweet any post and it works as a counter too, it shows you haw many times your post has been posted to twitter.
It’s very easy task to add this buttons to your blog, and we have got 4 styles for this button.
- Normal Left
- Normal Right
- Compact Left
- Compact Right
Normal Left
Code for retweet button Normal Left style :
<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>
_____________________________________________
Normal Right
Code for retweet button Normal Right style :
<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>
_____________________________________________
Compact Left
Code for retweet button Compact Left style :
<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>
_____________________________________________
Compact Right
Code for retweet button Compact Right style :
<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>
_____________________________________________
How To Install Retweet Button On Your Blogger Blog
1. Once you choose your favorite style, open new text file, copy and paste the code there, and change your_twitter_username to your twitter account name.
2. Log into your blogger account, and go to Layout >> Edit Html.
Before doing any thing you must check Expand Widget Templates box.
3. Find This code.
<div class='post-header-line-1'/>
and past the button code which we made it, step 1 After it.
Or
find this code,
<data:post.body/>
and paste the code which we made it, step 1 before it.
Done...
No comments:
Post a Comment