I have finally figured out how to add social sharing buttons to my website. I have added the following code to Page.ss which I am going to fine tune.
How do I move the sharing icons to show directly at the end of content added and not at the bottom of the page. If i put the code directly after:
$Layout
it shows in the right place but the first 2 icons are on the far right top as though on the end of the line before?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<link rel="shortcut icon" href="/favicon.ico" />
<% base_tag %>
<title>$Title » $SiteConfig.Title</title>
$MetaTags(false)
<link rel="shortcut icon" href="/favicon.ico" />
<% require themedCSS(layout) %>
<% require themedCSS(typography) %>
<% require themedCSS(form) %>
<!--[if IE 6]>
<style type="text/css">
@import url(themes/blackcandy/css/ie6.css);
</style>
<![endif]-->
<!--[if IE 7]>
<style type="text/css">
@import url(themes/blackcandy/css/ie7.css);
</style>
<![endif]-->
<script type="text/javascript">var switchTo5x=false;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "577128f1-65ac-4969-8abd-14c8dfe5bd1e"});</script></head>
<body>
<div id="BgContainer">
<div id="Container">
<div id="Header">
$SearchForm
<h1>$SiteConfig.Title</h1>
<p>$SiteConfig.Tagline</p>
</div>
<div id="Navigation">
<% include Navigation %>
</div>
<div class="clear"><!-- --></div>
<div id="Layout">
$Layout
</div>
<div id="share-buttons" class="clear">
<div class="topliner_grey">
<span class='st_facebook_large' displayText='Facebook'></span>
<span class='st_twitter_large' displayText='Tweet'></span>
<span class='st_linkedin_large' displayText='LinkedIn'></span>
<span class='st_email_large' displayText='Email'></span>
<span class='st_sharethis_large' displayText='ShareThis'></span>
</div>
</div>
<div class="clear"><!-- --></div>
</div>
<div id="Footer">
<% include Footer %>
</div>
</div>
</body>
</html>
<br/>
<p style="text-align:center;"><a href="http://www.tinycounter.com" target="_blank" title="web counter"><img border="0" align="center" alt="web counter" src="http://mycounter.tinycounter.com/index.php?user=Homeless"></a></p>
<br/>
<p style="font-family:arial;color:#333;font-size:11px;text-align:center;">free hosting provided by <a href="https://www.vidahost.com/web-hosting/package/charity-hosting">Vidahost</a>
</p>