Few days back Twitter released their own version of Retweet button to counter the influence of Tweetmeme service . And lots of people are already migrating to Official Twitter button and removing the Tweetmeme button. So, in this tutorial, I will tell you how to add Official Twitter on homepage of your site .

Static HTML Sites:

If you want to add Twitter button to your static html site then go to Twitter Goodies and generate a code for your site .

For Adding Official Twitter button to Blogger Blogs :

To add Twitter button to your blogger blog ,follow these steps:

1) Login to blogger Dashboard .

2) Go to the Design -> Edit HTML of your blog.

3) Now click on the check box Expand Widget Templates .

4) Search for <data:post.body/>

5) Now add the below code on either above it or below, depending on where you want it to display the Twitter Button .

Source code

<div style="float:left;padding:4px;">
<a href='http://twitter.com/share' rel='nofollow' class='twitter-share-button' expr:data-url='data:post.url' expr:data-text='data:post.title' data-related='Computer Talks' data-count='vertical' data-via='theworldwinner'  data-lang='en'>Tweet</a>
<b:if cond='data:post.isFirstPost'>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js">
</script>
</b:if>
</div>

6) Edit the code to put your username in the data-via part and also edit the data-related part as per your convenience.

For adding Official Twitter Button on WordPress Homepage:

You need to follow the following steps to put official Twitter Button anywhere on your wordpress blog  .

1) You can the Twitter button on your Index.php, archive.php ,single.php or anywhere you want .

2) Copy the code given below and paste it on your blog .

Source code

<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
   <a href="http://twitter.com/share" class="twitter-share-button"
      data-url="<?php the_permalink(); ?>"
      data-via="theworldwinner"
      data-text="<?php the_title(); ?>"
      data-related="comptalks"
      data-count="horizontal">Tweet</a>

3) Lots of people where having problems while adding official twitter button to their wordpress homepage . Hopefully,this will solve their. You can see the demo on this blog’s homepage .

Suggestions and comments are always welcome .

If you have any computer related problem, you can ask it at our Question & Answer portal and our experts will answer your queries.

• Tweet