Saturday, July 24, 2010
Go4cinema.com Newsletter Design
Let's Share!
In this post i would like to write about some social network sharing tools.We know that, we couldn't imagine a internet (life :-) )with out facebook,twitter,orkut,buzz etc.If a viewer can share a valuable information from a site with his friends then it is very useful to them.so most of the sites,blogs are using the social network sharing widgets.most of the social networking sites providing API for doing this.lets check some of them.
Tweet this button:
if you want to add a tweet this button in your site content,you can do it with simple codes
<a href="http://twitter.com/home?status=Reading code for fun"title="Click to send this page to Twitter!" target="_blank">
<img src="/Content/Images/twitter.png"width="50" height="50" alt="Tweet this!" /></a>
You can use the image links for this.
few days ago twitter released their own quick sharing tool.You can find this from www.twitter.com/tweetbutton
you can use this with 2 simple steps
before the releasing of twitter's official sharing button tweetmeme was the trend!
now most of them changed in to twitter'officialsharing button.
If you want to know more about tweetmeme check their site
Buzz Button
google buzz also providing widget for sharing your website contents in google buzz. You can find this on their site
You can create your own sharing button by selecting various options.
If you select the above options.you will get a generated button code,copy and paste that code where you would like to appear a button ( In your site)
<a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
After placing the button code in to your site,reload the page to make sure that the button shows up, and click to see the posting box your users will see.
http://www.google.com/buzz/post?url=<URL to post>&imageurl=<Optional image URL>
This is the url format to open and prefill the buzz this window
facebook share button:
facebook also providing a share button which help to share the stuff from your site to facebook.
you can find this on here
share button is the easiest way to share your contents on facebook. you can generate your share button code by specifying the options.
This is the generated code!
<a name="fb_share" type="box_count" 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>
copy and paste the above html where you'd like the button will appear in your site.
When a user shares the content using facebook button they will search our site for relevent image and media if you specify it.you should add <meta> tags to your page for helping them to find this information.
we can create our own implementation using the following format
http://www.facebook.com/sharer.php?u=<url to share>&t=<title of content>
Share On Orkut
The orkut Share API allows website owners to enable their visitors to share the website content with visitor's orkut friends. Users can optionally promote the content among their friends.
The API aims to provide users with a uniform experience while managing their credentials in a secure manner to ensure that their privacy is not compromised. It allows website owners to enable sharing of content on their webpages using Javascript and HTTP GET Interfaces, as described below. All API calls trigger a similar experience for the user, but allow the site to customize the way the sharing is enabled.
can post the share buttons in one or more locations on the page using a simple Javascript library.see an example from google code.
<html>
<head>
<title>Google Internet Bus</title>
</head>
<body>
<h1>Google Internet Bus</h1>
<div id="orkut-button"></div>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('orkut.share', '1');
google.setOnLoadCallback(function() {
new google.orkut.share.Button({
lang: 'en',
style: google.orkut.share.Button.STYLE_REGULAR,
title: 'Google Internet Bus',
summary: ('The Internet Bus Project is an attempt ' +
'to educate people about the Internet'),
thumbnail: ('http://lh5.ggpht.com/_AS18ZY6z1m8/SYWgcvA5beI' +
'/AAAAAAAAANw/DfoApipJxcY/s128/DSC_0013%20.jpg'),
destination: 'http://www.google.co.in/en/internetbus/'
}).draw('orkut-button');
});
</script>
</body>
</html>after editing the above code you can copy and paste it in your website.the above code snippet renders the share button on the web page as
Subscribe to:
Posts (Atom)
