Chicklets

 
 

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

  • aim
  • bebo
  • blinklist
  • blogger
  • businessweek
  • care2
  • current
  • dealsplus
  • delicious
  • digg
  • dilgo
  • facebook
  • fark
  • faves
  • fresqui
  • friendfeed
  • funp
  • gbuzz
  • google_bmarks
  • kirsty
  • linkedin
  • meaneame
  • messenger (Microsoft)
  • mister_wong
  • mixx
  • myspace
  • n4g
  • newsvine
  • oknotizie
  • propeller
  • reddit
  • simpy
  • slashdot
  • sonico
  • sphinn
  • stumbleupon
  • technorati
  • twackle
  • twine
  • twitter
  • windows_live
  • xanga
  • yahoo_bmarks
  • ybuzz
  • yigg
 
 

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: