To add Sharethis Social Sharing Icons to your mobile site, simply follow the below instructions or contact support and one of our representatives will assist you.
1. Add the following CSS to the Custom CSS box under 'Look and Feel' -> 'Custom CSS':
#footer {clear: both; background-color: transparent;}
#post_share {display: none;}
.social {text-align: center;}
2. Add the following HTML to the Content Block or Page you are wanting the icons to be displayed. Either via the 'Add Elements' or 'Edit Elements' page.
<div class="social">
<span class="st_email_large" displayText="Email"></span>
<span class="st_facebook_large" displayText="Facebook"></span>
<span class="st_twitter_large" displayText="Tweet"></span>
<span class="st_sharethis_large" displayText="ShareThis"></span>
</div>
3. Add the following JavaScript to the Custom Ad Code Bottom box under 'Monetize'. Remember to check 'Active' and select the custom 'Ad Network' option.
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "ur-9f8b1bd9-7353-bf81-af16-f0ebfe172d58", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
Please Note: If you require these icons to be on every page please contact support and one of our representatives will add this code to the footer of your mobile site.
1085 Comments