Add Twitter Button in HTML - No Java Script - WordPress Blogger

Twitter Buttons usually come in Java Script form, which can slow down your page load time by a small amount, but HTML scripts have no such disadvantage, so why not use HTML for your Twitter Button either in WordPress hosted blog or website or even in a Blogger Blog.

This HTML Code has a few advantages -

Faster Page Load Time.
Shows number of times a Page was Tweeted.
Recommends up to two Twitter Accounts to everyone who tweets using this Twitter Button.
Shortens all URLs to the standard t.co format.

So why wait, I am sure you are excited to get the Twitter HTML codes, here they are -

1) For Self Hosted WordPress Blog - Just Insert this code anywhere in your Template, the place where you want to Twitter Button to be seen.

<a href="http://twitter.com/share?url=<?php echo urlencode(the_permalink()); ?>&text=<?php echo urlencode(the_title()); ?>&via=myaccount1&related=myaccount2">Tweet this Article!</a><br><div style="clear: both;font-size: 7px;text-align:left;"><a href="http://product-reviews-prices.blogspot.com/2012/01/add-twitter-button-in-html-no-java.html" target="blank"><font color="black">[HTML Twitter Button]<font></font></font></a></div></br></div>

2)For Blogger Blogs - Just Insert this Code just before <data:post.body> or just before the footer of the Blog, while in Edit HMTL tab.

<a expr:href='"http://twitter.com/share?text=" + data:post.title + "&url=" + data:post.url + "&via=myaccount1&related=myaccount2"'>Tweet this!</a><br><div style="clear: both;font-size: 7px;text-align:left;"><a href="http://product-reviews-prices.blogspot.com/2012/01/add-twitter-button-in-html-no-java.html" target="blank"><font color="black">[HTML Twitter Button]<font></font></font></a></div></br>

Remember to change "Myaccount1" and "Myaccount2" to your two Twitter Usernames, that you want to recommend when someone tweets your articles.

That's it, now you get a fast loading Text Button for a Tweeting option in your Blog Posts.I recommend you use Floating Sharing Buttons.

Gautham On Google+

Get free daily email updates!