Overview

Attributes

Name	Definition	Default	Requirement
st_title	Adds a custom title for the share	document.title	Optional
st_url	Adds a custom URL for the share. If you want to use a custom shortened url, please set it here.	document.location.href	Optional
displayText	Change the text that appears with the button	ShareThis	Optional

Options

Name	Definition	Default	Requirement
publisher	Your unique ShareThis publisher key	none	Required

Default Chicklet Set

ShareThis offers the option of adding social service icons or 'chicklets' outside of the ShareThis widget. Here is what the default chicklet set looks like.

Example

		<span class="st_sharethis"></span>
<span class="st_facebook" st_url="http://sharethis.com"></span>
<span class="st_twitter" st_url="http://sharethis.com"></span>
<span class="st_myspace"></span>
<span class="st_email" ></span>

<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">
	stLight.options({
		publisher:'12345'
	});
</script>

Result:

Add/Remove Chicklets

<span class="st_facebook"></span>

Chicklets can be further added,removed, or rearranged using any of our supported social services. For this example we created a single Facebook chicklet.

Examples

		<span class="st_facebook"></span>

<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">
        stLight.options({
                publisher:'12345'
        });
</script>

Result:

Here's another example which uses ShareThis, Facebook, Twitter, Digg and StumbleUpon chicklets.

		<span class="st_sharethis" ></span>
<span class="st_facebook"></span>
<span class="st_twitter" ></span>
<span class="st_digg"></span>
<span class="st_stumbleupon" ></span>

<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">
        stLight.options({
                publisher:'12345'
        });
</script>

Result:

Supported Social Services

Custom Chicklet Images

class="st_facebook_custom"

This will replace our standard chicklet with an image you provide. Sharing functionality will not change.

Example

		<span class="st_sharethis_custom"><img src="your_images_url"> </span>
<span class="st_facebook_custom"><img src="your_images_url"> </span>
<span class="st_twitter_custom"><img src="your_images_url"> </span>
<span class="st_myspace_custom"><img src="your_images_url"> </span>
<span class="st_email_custom" ><img src="your_images_url"> </span>

<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">
        stLight.options({
                publisher:'12345'
        });
</script>

Result:

Large Chicklets

class="st_facebook_large"

This will replace our standard chicklet with a larger 32x32px icon. Sharing functionality will not change.

Example

		<span class="st_sharethis_large"></span>
<span class="st_facebook_large"></span>
<span class="st_twitter_large"></span>
<span class="st_myspace_large"></span>
<span class="st_email_large" ></span>

<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">
        stLight.options({
                publisher:'12345'
        });
</script>

Result:

Chicklet Decoration

class="st_sharethis_button"

Chicklets can be individually wrapped with a button decoration and text label.

Example

		<span class="st_sharethis_button" displayText="Share"></span>
<span class="st_facebook_button" ></span>
<span class="st_twitter_button"></span>
<span class="st_myspace_button" displayText="Share"></span>
<span class="st_email_button" displayText="Email"></span>

<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">
        stLight.options({
                publisher:'12345'
        });
</script>

Result: