How do I add ShareThis at end of every post?

kippiper · #1 Mar 12, 2010, 03:05 PM

Hi guys!

I want to add the ShareThis button to the end of each post. However, I'm not sure where to put the ShareThis CSS code.

I have tried the Editi Post/Page Info Items in the Footer>Homepage, Multi Post Pages, and Single Post Pages. Withe Homepage, it appears in footer of all posts on the home page, but only the first occurrence works. It does not appear on when I add it to the Footer for Multi Post and Single Post.

The site is http://www.unlimited-air.com.

Where should I be adding this code?

And example of how I want it to look can be seen at:

http://fromthedeskofjeffherring.com/

Thanks so much!

KIP

juggledad · #2 Mar 13, 2010, 07:25 AM

that's where I would put it. what did you put in exactly?

kippiper · #3 Mar 13, 2010, 07:57 AM

Good morning!

I think I am trying to make this too fancy with multiple minibuttons for ShareThis (email, Facebook, Twitter, and ShareThis minibuttons).

For the multiple minibuttons, the ShareThis instructions say:

Copy and paste this code between the <head> and </head> tags.

<script type="text/javascript" src="http://w.sharethis.com/button/sharethis.js#publisher=acd94e6e-ea81-4c9d-a928-4c1a597997c0&type=website&button=false"></script>
<style type="text/css">
body {font-family:helvetica,sans-serif;font-size:12px;}
a.stbar.chicklet img {border:0;height:16px;width:16px;margin-right:3px;vertical-align:middle;}
a.stbar.chicklet {height:16px;line-height:16px;}
</style>

Copy and paste this code between the <body> and </body> tags, where you would like the ShareThis Bar to appear on your page

<a id="ck_email" class="stbar chicklet" href="javascript:void(0);"><img src="http://w.sharethis.com/chicklets/email.gif" /></a>
<a id="ck_facebook" class="stbar chicklet" href="javascript:void(0);"><img src="http://w.sharethis.com/chicklets/facebook.gif" /></a>
<a id="ck_twitter" class="stbar chicklet" href="javascript:void(0);"><img src="http://w.sharethis.com/chicklets/twitter.gif" /></a>
<a id="ck_sharethis" class="stbar chicklet" href="javascript:void(0);"><img src="http://w.sharethis.com/chicklets/sharethis.gif" />ShareThis</a>
<script type="text/javascript">
var shared_object = SHARETHIS.addEntry({
title: document.title,
url: document.location.href
});

shared_object.attachButton(document.getElementById ("ck_sharethis"));
shared_object.attachChicklet("email", document.getElementById("ck_email"));
shared_object.attachChicklet("facebook", document.getElementById("ck_facebook"));
shared_object.attachChicklet("twitter", document.getElementById("ck_twitter"));
</script>

juggledad · #4 Mar 13, 2010, 09:52 AM

take a peek at the 'Add to Any: Share/Bookmark/Email Button' plugin - you can pick from a number of social sites.
check out http://callofthemuse.com to see it in action