diff options
Diffstat (limited to 'doc/Sharing-button.html')
| -rw-r--r-- | doc/Sharing-button.html | 76 |
1 files changed, 76 insertions, 0 deletions
diff --git a/doc/Sharing-button.html b/doc/Sharing-button.html new file mode 100644 index 00000000..034f2f9c --- /dev/null +++ b/doc/Sharing-button.html | |||
| @@ -0,0 +1,76 @@ | |||
| 1 | <!DOCTYPE html> | ||
| 2 | <html> | ||
| 3 | <head> | ||
| 4 | <meta charset="utf-8"> | ||
| 5 | <meta name="generator" content="pandoc"> | ||
| 6 | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> | ||
| 7 | <title>Shaarli - Sharing button</title> | ||
| 8 | <style type="text/css">code{white-space: pre;}</style> | ||
| 9 | <!--[if lt IE 9]> | ||
| 10 | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> | ||
| 11 | <![endif]--> | ||
| 12 | <link rel="stylesheet" href="github-markdown.css"> | ||
| 13 | </head> | ||
| 14 | <body> | ||
| 15 | <div id="local-sidebar"> | ||
| 16 | <ul> | ||
| 17 | <li><a href="Home.html">Home</a></li> | ||
| 18 | <li>Installation | ||
| 19 | <ul> | ||
| 20 | <li><a href="Server-requirements.html">Server requirements</a></li> | ||
| 21 | <li><a href="Server-configuration.html">Server configuration</a></li> | ||
| 22 | <li><a href="Shaarli-configuration.html">Shaarli configuration</a></li> | ||
| 23 | </ul></li> | ||
| 24 | <li><a href="Usage.html">Usage</a> | ||
| 25 | <ul> | ||
| 26 | <li><a href="Sharing-button.html">Sharing button</a> (bookmarklet)</li> | ||
| 27 | <li><a href="Firefox-share.html">Firefox share</a></li> | ||
| 28 | <li><a href="RSS-feeds.html">RSS feeds</a></li> | ||
| 29 | </ul></li> | ||
| 30 | <li>How To | ||
| 31 | <ul> | ||
| 32 | <li><a href="Backup,-restore,-import-and-export.html">Backup, restore, import and export</a></li> | ||
| 33 | <li><a href="Copy-an-existing-installation-over-SSH-and-serve-it-locally.html">Copy an existing installation over SSH and serve it locally</a></li> | ||
| 34 | <li><a href="Download-CSS-styles-from-an-OPML-list.html">Download CSS styles from an OPML list</a></li> | ||
| 35 | </ul></li> | ||
| 36 | <li><a href="Troubleshooting.html">Troubleshooting</a></li> | ||
| 37 | <li><a href="Development.html">Development</a> | ||
| 38 | <ul> | ||
| 39 | <li><a href="GnuPG-signature.html">GnuPG signature</a></li> | ||
| 40 | <li><a href="Coding-guidelines.html">Coding guidelines</a></li> | ||
| 41 | <li><a href="Directory-structure.html">Directory structure</a></li> | ||
| 42 | <li><a href="3rd-party-libraries.html">3rd party libraries</a></li> | ||
| 43 | <li><a href="Plugin-System.html">Plugin System</a></li> | ||
| 44 | <li><a href="Security.html">Security</a></li> | ||
| 45 | <li><a href="Static-analysis.html">Static analysis</a></li> | ||
| 46 | <li><a href="Theming.html">Theming</a></li> | ||
| 47 | <li><a href="Unit-tests.html">Unit tests</a></li> | ||
| 48 | </ul></li> | ||
| 49 | <li>About | ||
| 50 | <ul> | ||
| 51 | <li><a href="FAQ.html">FAQ</a></li> | ||
| 52 | <li><a href="Community-&-Related-software.html">Community & Related software</a></li> | ||
| 53 | <li><a href="TODO.html">TODO</a></li> | ||
| 54 | </ul></li> | ||
| 55 | </ul> | ||
| 56 | </div> | ||
| 57 | <h1 id="sharing-button">Sharing button</h1> | ||
| 58 | <h3 id="add-the-sharing-button-bookmarklet-to-your-browser">Add the sharing button (<em>bookmarklet</em>) to your browser</h3> | ||
| 59 | <ul> | ||
| 60 | <li>Open your Shaarli and <code>Login</code></li> | ||
| 61 | <li>Click the <code>Tools</code> button in the top bar</li> | ||
| 62 | <li>Drag the <strong><code>✚Shaare link</code> button</strong>, and drop it to your browser's bookmarks bar.</li> | ||
| 63 | </ul> | ||
| 64 | <p><em>This bookmarklet button is compatible with Firefox, Opera, Chrome and Safari. Under Opera, you can't drag'n drop the button: You have to right-click on it and add a bookmark to your personal toolbar.</em></p> | ||
| 65 | <p><embed src="(images/bookmarklet.png).html" /></p> | ||
| 66 | <h3 id="share-links-using-the-bookmarklet">Share links using the <em>bookmarklet</em></h3> | ||
| 67 | <ul> | ||
| 68 | <li>When you are visiting a webpage you would like to share with Shaarli, click the <em>bookmarklet</em> you just added.</li> | ||
| 69 | <li>A window opens.</li> | ||
| 70 | <li>You can freely edit title, description, tags... to find it later using the text search or tag filtering.</li> | ||
| 71 | <li>You will be able to edit this link later using the <embed src="(https://raw.githubusercontent.com/shaarli/Shaarli/master/images/edit_icon.png)-edit-button..html" /></li> | ||
| 72 | <li>You can also check the “Private” box so that the link is saved but only visible to you.</li> | ||
| 73 | <li>Click <code>Save</code>.<strong>Voilà! Your link is now shared.</strong></li> | ||
| 74 | </ul> | ||
| 75 | </body> | ||
| 76 | </html> | ||