Create Custom Share Buttons for Facebook, Google Buzz, Twitter & Orkut
anoopsachari | Jun 13, 2010 | Comments 1
Today i came across a project in which i had to share my web-page in some of the social network and thus create some traffic to my page .
After some research I was able to successfully integrate share button of Facebook , Orkut , Twitter and Google Buzz with my webpage . I am sharing everything under this single tutorial .
Facebook Share Button
Replace ENTER_YOUR_URL_HERE with desired URL
<a name="fb_share" type="box_count" share_url="ENTER_YOUR_URL_HERE" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
Google Buzz Share Button
In order to add a re-buzz button we have a 3rd party application that would help us to do it .
Rebuzz Button is available here .
Retweet Button
Button should be a custom button you can design it as you need and replace IMAGE_LINK with it .
<a href="http://twitter.com/home?status=ENTER+YOUR+MESSAGE" title="Click to send this page to Twitter!" target="_blank" rel="nofollow"> <img src="IMAGE_LINK" alt="Click to Tweet" /></a>
Orkut Promote Share Button
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load('orkut.share', '1');
google.setOnLoadCallback(function() {
var params = {};
params[google.orkut.share.Field.TITLE] = '<data:blog.pageName/>';
params[google.orkut.share.Field.DESTINATION_URL] = '<data:blog.url/>';
var connection = new google.orkut.share.Connection(params);
document.getElementById('orkut-share').onclick =
function(e) { connection.send('orkut.com', {}); };
}, true);
</script>
To use Orkut Share Button .
<a href="http://promote.orkut.com/preview?nt=orkut.com&tt=ssasd&du=ads"> <img src="http://code.google.com/apis/orkut/docs/images/shae.gif"> </a>
Filed Under: misc
About the Author: a holistic web developer , movie buff and technical blogger from queen of arabian sea.










Hi! I was wondering if these codes could be used with customized graphics? If so, how would that be accomplished for each of the buttons?