Twitter is a powerful social tool. Today almost everyone is using it for business. It is fun and business together, you can make money, become popular, sell your stuff and so on. For those who are in the blogging business Twitter gives a big hand and helps by acting as a traffic booster.
Therefore, it is quite necessary to make it easier for the readers of a blog to share interesting and useful content. If a reader finds a post useful and wants to share it but could not find a tweet/retweet button, it will be really uncomfortable for the reader. Of course, one can manually tweet the blog post’s links. But for this one needs to get a shortened url, add their custom message, add hashtags and click tweet. I think it is most probably not going to happen, since visitors are not bound to one site and they won’t take much pain.
So how to make it easy to get a Blogger blog post tweeted (content is still king, though)? Unlike WordPress, Drupal and Joomla where plugins are available for the purpose, there is no such thing for Blogger. However it is possible by adding a handy Retweet button to the blog post (as shown in the top right of this post, for example).
For the look there are actually two sizes of buttons available, the Full and the Compact sizes as shown below.
Step 1:
Go to Layout and click on Edit HTML
Step 2:
Download the full template and make a backup (do not skip this step, I have learned many lessons when I was using Blogger!)
Step 3:
Check the “Expand Widget Templates”. You will see that your original HTML inside the edit box has expanded in size.
Step 4.
Look for the following code by clicking Edit -> Find in your browser.
<div class=’post-header-line-1′/>
Step 4:
Just below the code you found on Step 4, insert the following code:
<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>
Step 5:
Customize:
The code mentioned in Step 4 will give you the full size button to the top right of your blog post. To have it on the top left just replace float:right with float: left.
For a compact button you have to copy paste the following code which just has an additional line (indicated in red), basically.
<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>
You are done!
Article by JaneSheeba
+Jane is the founder of Problogging Success. She is an expert blogger, consultant, freelance writer and blog designer. Don't forget to get your hands on two FREE Ebooks she offers.
Jane has written 280 awesome posts for Problogging Success.
{ 0 comments… add one now }