Adding twitter and facebook buttons for WordPress.com, Blogger and Blogspot

Simple steps on how to add an HTML buttons from your favorite social site.

Twitter Buttons

For WordPress.com

• Click here to see all available buttons for Twitter

• Enter your Twitter ID as shown on the image

• Browse all the Twitter buttons and click Select if you find any of your interest.

• After Clicking Select Button. A pop-up will appear containing the html code:

Example:

<a href=”http://twitter.com/YourLink”><img src=”http://www.twitterbuttons.com/upload/badges/5f140f6516twitterbutton-0207.gif&#8221; title=”By: TwitterButtons.com” alt=”By: TwitterButtons.com” width=”259″ height=”88″ /></a><br /><a href=”http://www.twitterbuttons.com”>By TwitterButtons.com</a>

Note: You can remove this code <br /><a href=”http://www.twitterbuttons.com”>By TwitterButtons.com</a> so that the advertisement doesn’t appear in the frontend.

• Then copy the code and paste it in your  text widgets.

-Login in your wordpress.com -> Appearance -> Widgets -> Text Widgets

-Drag the Text Widget into your sidebar or any available position available in the Theme you selected.

Note: Not all theme allow text widgets.

• Save the code you have pasted. And check your site frontend.

Blogger and Blogspot

There are plenty of available social buttons  for this platform with no restrictions compare to wordpress.com

This are the available sites for twitter buttons

1. http://twittercounter.com/
2. http://www.vistaprint.com/widgets.aspx
3. http://www.twitterflash.net
   

Facebook

• Click here to see all available buttons for Facebook

• Enter your Facebook link as shown on the sample image

Example: http://www.facebook.com/Candy.smith

• Then just copy and paste the code in your blog site.