Friday, August 13, 2010

How to add the "Tweet Button" to Blogger/Blogspot

Now you can add the "share buttons" on each post by switching to a new template. New Share Buttons.

But if you just want the "Tweet button" on each post, this is what you'll need to do:


Go to your Dashboard, click on Layout button and then choose the "Edit HTML" tab.

Click on "Expand Widget Templates" and search for
<div class='post-footer'>

Paste the following code right after that line:

<!-- Twitter button start -->
<script src='http://platform.twitter.com/widgets.js'
type='text/javascript'/>
<p>
<div style='float:right; margin-left:10px;'>

<a class='twitter-share-button' data-count='vertical'
expr:href='"http://twitter.com/share?url=" + data:post.url +
"&via=YourTwitterAccountGoesHere"'>Tweet</a>

</div>
</p>
<!-- Twitter button end -->

And you're done!

This is the simplest way to do it.



For more info please visit: Twitter / Tweet Button

0 comments: