JenSocial: Social Web Directory and Ning Tips

Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support

Add ShareThis or AddThis Link to Upper Left of Window

To add the ShareThis Site Feature to upper-left portion of your window, and have it show even when someone scrolls down, add the following code to your Analytics Box.
Note: An issue has been found with the ShareThis block, on a Ning Site. When you activate the pop-up, any programs running javascript, like the music player, photo slide slide, widgets, etc... will temporarily stop running. Your visitors can still share the pages, just a little confusing.

PLEASE SEE ADDTHIS alternative at bottom of Discussion.

Option #1: ShareThis
1. Go here, and grab your own code:
http://sharethis.com/publishers/getbutton. At first I didn't think it mattered. But, I believe it does. It appears that each publisher has their own unique Publisher's code.

2. Edit your code, to look like the code below. Change the position parameters to suit your needs.

3. Adjust the font size to suit your needs. 1.25em means 125%, in comparison to your normal font size of 100%.

4. Add your edited code, to the Analytics Box.

TIP: Basically, all you're doing is wrapping a DIV around the code you grab from sharethis.com - - and floating the sharethis link on your site.

5. I notice a little glitch, when you scroll down, although you can still see the Link Text, the popup opens at top, and user can't see the box. If this is an issue for you, change the parameter "fixed" to "absolute".

PLEASE BE SURE TO GRAB YOUR OWN CODE.

You can see an example of this link, upper-left of this site.

<div style='position: fixed; top: 30px; left: 15px; font-size:1.25em!important;'><script type='text/javascript' src='http://w.sharethis.com/button/sharethis.js#publisher=9cebbd04-2e8b-45e6-943a-052697482be1&type=website&buttonText=ShareThis%20Site!&style=rotate'></script></div>

Option #2 AddThis Button (instead of ShareThis)
I like both of these bookmarking/sharing apps. As mentioned above, the ShareThis pop-up temporarily prevents other javascript(s) from running. The con to AddThis: it's pop-up will be displayed behind any Flash components. But, that would be rare, and the site visitor can easily scroll down to access sharing sites in list. This is not an uncommon flaw.

I'm providing the "absolute position (doesn't scroll with page)" on this one.
AddThis Code:

<div style='position: absolute; top: 75px; left: 15px;'><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&username=xa-4b3bf4f83e6b3451"><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b3bf4f83e6b3451"></script>
</div>


You can customize and grab your own code, for tracking purposes, at:
http://www.addthis.com

0 members favorited this

Replies to This Discussion

Permalink Reply by Ashary on December 15, 2009 at 11:13pm

Thanks a lot Jen for this share...
I like it.

Permalink Reply by JenSocial on December 15, 2009 at 11:28pm

My pleasure.
:-)

Permalink Reply by JenSocial on December 16, 2009 at 12:38am

You may want to see the update. I realized after I created the tip, I think you need to grab your own code, and use your publisher ID.
Sorry for the inconvenience,
Jen

Permalink Reply by JenSocial on December 16, 2009 at 9:32pm

Glad you like it!
;-)

Permalink Reply by Administrator☼JenSocial on December 16, 2009 at 9:31pm

Sweet Looks good on my site and Yes you need to grab your publisher ID
Thanks Jen

Cheers

Deborah

Permalink Reply by JenSocial on December 16, 2009 at 9:32pm

Yeah, I was tired. DOH!
Glad you like it,
Jen

Permalink Reply by Administrator☼JenSocial on December 16, 2009 at 10:59pm

Sorry Jen I should have worded it better This tip is fantastic Thank you for posting it for us
There no need to reply no hard feeling sister

Cheers
Deborah

Permalink Reply by JenSocial on December 16, 2009 at 11:14pm

Hi Deborah!
I don't think you said anything wrong, no apology needed at all. :-)
Best,
Jen

Permalink Reply by JenSocial on December 17, 2009 at 11:59am

I'm experiencing issues with "jumpy" cursor / mouse pointer. This usually indicates something is continuously running or trying to load. It's probably something on my local computer. But, wondering if anyone else is experiencing this? I changed our "ShareThis" code to the non-rotating version to see if that's what was causing this.

I have to close my Browser and reopen. NOW, I have to work a while and see if it starts up again. If it does, it wasn't the rotating gif for the ShareThis.

Permalink Reply by Administrator☼JenSocial on December 17, 2009 at 3:26pm

Morning Jen

I have apply "Share This" rotating banner and cross fingers running smoothly , with the dark background {on my site} you didn't see it. So I had to change the links colour in my advance codes to show the words.

All systems are GO!!!

Permalink Reply by Unimatez on December 26, 2009 at 3:43am

hi,

This is a nice script, but the problme that I am facing is I have only 46 character space left in analytics box.

is there any other way of doing so...

Thanks,
Adria Pereira

Permalink Reply by JenSocial on December 30, 2009 at 7:18pm

No, unfortunately 46 characters just won't work, not even if you called an external js file. Sorry.