SharedCopy: Embeddable Widget

Citations come alive with the SharedCopy Widget!

The SharedCopy widget allows you to

embed highlighted text and comments right off the page of the original website!

Give your readers real context

to your comments. Forget about stale blockquotes.

Keep them on your site

even when you are referring to another website's article!

Embedding is easy

1) First, get the SharedCopy bookmark

if you haven't

2) Next, annotate

a webpage and click Save

After saving, you should see a “Comments saved successfully” acknowledgement page.

3) Then, right-click on `embed code`

to copy the HTML code we have generated for you.

4) Finally, paste

into your blog or CMS and publish!

If your blog or CMS provide you with a “rich text or wisiwyg editor”, you'll have to switch over to the “edit html” or “source” mode before pasting.

The result will be

a display of the key points you've highlighted within the context of the original webpage. Complete with the ability to pan and navigate around in the embedded page!

Your readers can read their content without leaving your website!

Click on the example to the right »

Technical tidbit: the widget content is fully readable & accessible even in rss readers, mobile devices and degrades gracefully when javascript is turned off!

The embedded speakers make it possible for you to share your latest favorite track without the awkward ties of a tethered earbud. After all, music should enhance your life, not shut it out. ^{link »}

great design! asthetic, safety & social aspects incorporated ^{link »}
- from "hood.e" puts mp3 speakers in your hoodie hood! via sharedcopy.com

“Send Email” Button

Give your readers a treat today and let them send annotated webpages as emails to their friends! Call it sharing on steroids - our widget lets your readers better express themselves:

To use it, just copy and paste our code below on your website. Your designer can apply their favorite CSS and totally change the look of the button!

<style> button#sharedcopy-email-button { font-family: "Candara", "Lucida Grande", "Trebuchet MS", sans-serif; font-size: 12px; padding: 1px 5px; border: 1px #ccc solid; } button#sharedcopy-email-button img { vertical-align: middle; } </style> <button title="Email to a friend" id="sharedcopy-email-button"> <img src="http://sharedcopy.com/static/email/email_16x16.png" id="sharedcopy-email-button-img" /> <span> Email to a friend </span> </button> <script src="http://sharedcopy.com/static/email/email_include.js"></script>

Thanks goes to Zhenyi for this widget!

“SharedCopy This” Button

Integrate your site with "SharedCopy This" button and let your readers annotate your site using SharedCopy. Not only it's easy for your readers to use, your readers can also see how many SharedCopy comments your page has.

To use it, copy and paste the code below on your website. You can apply your own CSS style and customize the look of the button.

<style> #sharedcopy-this { text-decoration: none; } #sharedcopy-this-button { height: 23px; color: black; padding: 1px; border: 1px #ccc solid; background: white; cursor: pointer; } #sharedcopy-this-button img { border: none; line-height: 1.5; margin-top: 2px; } #sharedcopy-this-icon { vertical-align: top; } #sharedcopy-this-comments-count { height: 23px; font-family: "Lucida Grande", "Verdana", sans-serif; font-size: 1em; vertical-align: top; } </style> <a id="sharedcopy-this" href="http://sharedcopy.com"> <button id="sharedcopy-this-button" title="Annotate this page"> <img id="sharedcopy-this-button-img" src="http://sharedcopy.com/images/logo-sharedcopy-this.png" /> </button> <script type="text/javascript"> setTimeout(function() { var script = document.createElement('script'); script.src = 'http://sharedcopy.com/javascripts/sharedcopy_this.js?url=' + encodeURIComponent(window.location.href); document.getElementById('sharedcopy-this').appendChild(script); }, 1000); </script> </a>

Sharedcopy

Annotate & Collaborate on Any Webpage

Citations come alive with the SharedCopy Widget!

The SharedCopy widget allows you to

Give your readers real context

Keep them on your site

Embedding is easy

1) First, get the SharedCopy bookmark

2) Next, annotate

3) Then, right-click on `embed code`

4) Finally, paste

The result will be

Click on the example to the right »

“Send Email” Button

“SharedCopy This” Button

Sign-up and try SharedCopy today! »

Questions?

1) First, get the SharedCopy bookmark if you haven't
2) Next, annotate a webpage and click `Save` After saving, you should see a “Comments saved successfully” acknowledgement page.
3) Then, right-click on `embed code` to copy the HTML code we have generated for you.
4) Finally, paste into your blog or CMS and publish! If your blog or CMS provide you with a “rich text or wisiwyg editor”, you'll have to switch over to the “edit html” or “source” mode before pasting.
The result will be a display of the key points you've highlighted within the context of the original webpage. Complete with the ability to pan and navigate around in the embedded page! Your readers can read their content without leaving your website! Click on the example to the right » Technical tidbit: the widget content is fully readable & accessible even in rss readers, mobile devices and degrades gracefully when javascript is turned off!	The embedded speakers make it possible for you to share your latest favorite track without the awkward ties of a tethered earbud. After all, music should enhance your life, not shut it out. ^{link »} great design! asthetic, safety & social aspects incorporated ^{link »} - from "hood.e" puts mp3 speakers in your hoodie hood! via sharedcopy.com

Sharedcopy

Annotate & Collaborate on Any Webpage

Citations come alive with the SharedCopy Widget!

The SharedCopy widget allows you to

Give your readers real context

Keep them on your site

Embedding is easy

1) First, get the SharedCopy bookmark

2) Next, annotate

3) Then, right-click on embed code

4) Finally, paste

The result will be

Click on the example to the right »

“Send Email” Button

“SharedCopy This” Button

Sign-up and try SharedCopy today! »

Questions?

3) Then, right-click on `embed code`