Retweet, F Share & Google Buzz buttons on your Blog without plugins.

The motive of all three popular buttons is to share our idea with a community, people and friends on twitter, facebook and other social networking sites. These buttons show a neat count of the number of times your blog post has been shared.

Why the available Plugins shouldn’t be used ?

• Plugins have a bunch of codes and images, which inturn increases loading time of your site.
• It takes some extra space on your server.
• All plugins are based or we can say designed on I Frame. This I frame results into error when tested on W3C validator.
• The customization of the share buttons is impossible with plugins.

How to use share scripts?

Be sure to place the following code in your template page (within index.php, single.php, and /or page.php) or as per your requirement.

1) For Retweet button:

Go to home.php or index.php place the code before or after : <?php the_content() ?>

<script type=”text/javascript”>

tweetmeme_source = ‘<the name what you want to display before retweet post>’;

tweetmeme_style = ‘<size style>’;

tweetmeme_url = ‘<the post permalink>”;

</script>

<script type=”text/javascript” src=”http://tweetmeme.com/i/scripts/button.js”></script>

For customization of the retweet button use the following scripts:

Script	Renders this button	Size
<script type=”text/javascript” src=”http://tweetmeme.com/i/scripts/button.js”></script>		57×57 pixels
<script src=”http://www.twittlink.com/tools/button_b.js” type=”text/javascript”/></script>		57×57 pixels
<script type=”text/javascript” src=”http://widgets.backtype.com/tweetcount.js”></script		57×57 pixels
<script src=”http://twittley.com/button/button.js”></script>		57×57 pixels

Changing the URL Shortener used

We have also added the ability to use a URL shortener of your choice instead of our default one.

If you would like to do this then you need to include the “tweetmeme_service” parameter as shown below:

<script type=”text/javascript”>
tweetmeme_service = ‘bit.ly’;
</script>
<script type=”text/javascript” src=”http://tweetmeme.com/i/scripts/button.js”></script>

2) For facebook share count buttons:

Again go to home.php or index.php, place the code before or after <?php the_content() ?>

<a name=”fb_share” type=”button_count” share_url=”<pots permalink>”</a>
<script src=”http://static.ak.fbcdn.net/connect.php/js/FB.Share” type=”text/javascript”></script>

The above script will render a normal share count button within a post.

You can also try this,

Using this code	Renders this button	Size
<a name=”fb_share” type=”box_count” share_url=”YOUR_URL”></a>		57×57 pixels
<a name=”fb_share” type=”button_count” share_url=”YOUR_URL”></a>		96×18 pixels
<a name=”fb_share” type=”button” share_url=”YOUR_URL”></a>		56×18 pixels
<a name=”fb_share” type=”icon_link” share_url=”YOUR_URL”>Share</a>		51×15 pixels
<a name=”fb_share” type=”icon” share_url=”YOUR_URL”></a>		18×15 pixels

As for example
share_url= <?php the_permalink() ?>

Now its depends up to you that where you want to place the buttons. For doing this
Just put all the code within a <div> </div> and apply some CSS according to its placement.

3: ) How to use Google buzz

Go to home.php or index.php, place the code before or after <?php the_content() ?>

<a href=”http://www.google.com/reader/link?url=<post permalink>&title=<?php the_title(); ?>&srcURL=<?php bloginfo(‘url’); ?>” target=”_blank” rel=”nofollow external”>

<img alt=’Buzz It’ src=’http://i46.tinypic.com/ouprt1.jpg’/>

The following code will display the compact size of google buzz button.
The only thing is that make sure that URL have your post permalink.
As For Example: –
url=<?php the_permalink() ?>

You can change the default image according to your requirement, For high Resoultion Google Buzz Icons click here.

This is my first post, thanks for reading. Suggestions and feedback’s  are most welcome.