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:
<!-- AddThis Button BEGIN -->
<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>
<!-- AddThis Button END -->


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

Views: 691

Replies to This Discussion

Thanks a lot Jen for this share...
I like it.
My pleasure.
:-)
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
Glad you like it!
;-)
Sweet Looks good on my site and Yes you need to grab your publisher ID
Thanks Jen

Cheers

Deborah
Yeah, I was tired. DOH!
Glad you like it,
Jen
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
Hi Deborah!
I don't think you said anything wrong, no apology needed at all. :-)
Best,
Jen
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.
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!!!
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
No, unfortunately 46 characters just won't work, not even if you called an external js file. Sorry.

RSS

Members

© 2024   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips