doc/Sharing-button.html

   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="Download.html">Download</a></li>
  21 <li><a href="Server-requirements.html">Server requirements</a></li>
  22 <li><a href="Server-configuration.html">Server configuration</a></li>
  23 <li><a href="Shaarli-configuration.html">Shaarli configuration</a></li>
  24 </ul></li>
  25 <li><a href="Usage.html">Usage</a>
  26 <ul>
  27 <li><a href="Sharing-button.html">Sharing button</a> (bookmarklet)</li>
  28 <li><a href="Firefox-share.html">Firefox share</a></li>
  29 <li><a href="RSS-feeds.html">RSS feeds</a></li>
  30 </ul></li>
  31 <li>How To
  32 <ul>
  33 <li><a href="Backup,-restore,-import-and-export.html">Backup, restore, import and export</a></li>
  34 <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>
  35 <li><a href="Download-CSS-styles-from-an-OPML-list.html">Download CSS styles from an OPML list</a></li>
  36 <li><a href="Datastore-hacks.html">Datastore hacks</a></li>
  37 </ul></li>
  38 <li><a href="Troubleshooting.html">Troubleshooting</a></li>
  39 <li><a href="Development.html">Development</a>
  40 <ul>
  41 <li><a href="GnuPG-signature.html">GnuPG signature</a></li>
  42 <li><a href="Coding-guidelines.html">Coding guidelines</a></li>
  43 <li><a href="Directory-structure.html">Directory structure</a></li>
  44 <li><a href="3rd-party-libraries.html">3rd party libraries</a></li>
  45 <li><a href="Plugin-System.html">Plugin System</a></li>
  46 <li><a href="Security.html">Security</a></li>
  47 <li><a href="Static-analysis.html">Static analysis</a></li>
  48 <li><a href="Theming.html">Theming</a></li>
  49 <li><a href="Unit-tests.html">Unit tests</a></li>
  50 </ul></li>
  51 <li>About
  52 <ul>
  53 <li><a href="FAQ.html">FAQ</a></li>
  54 <li><a href="Community-&amp;-Related-software.html">Community &amp; Related software</a></li>
  55 <li><a href="TODO.html">TODO</a></li>
  56 </ul></li>
  57 </ul>
  58 </div>
  59 <h1 id="sharing-button">Sharing button</h1>
  60 <h3 id="add-the-sharing-button-bookmarklet-to-your-browser">Add the sharing button (<em>bookmarklet</em>) to your browser</h3>
  61 <ul>
  62 <li>Open your Shaarli and <code>Login</code></li>
  63 <li>Click the <code>Tools</code> button in the top bar</li>
  64 <li>Drag the <strong><code>✚Shaare link</code> button</strong>, and drop it to your browser's bookmarks bar.</li>
  65 </ul>
  66 <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>
  67 <p><embed src="(images/bookmarklet.png).html" /></p>
  68 <h3 id="share-links-using-the-bookmarklet">Share links using the <em>bookmarklet</em></h3>
  69 <ul>
  70 <li>When you are visiting a webpage you would like to share with Shaarli, click the <em>bookmarklet</em> you just added.</li>
  71 <li>A window opens.</li>
  72 <li>You can freely edit title, description, tags... to find it later using the text search or tag filtering.</li>
  73 <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>
  74 <li>You can also check the “Private” box so that the link is saved but only visible to you.</li>
  75 <li>Click <code>Save</code>.<strong>Voilà! Your link is now shared.</strong></li>
  76 </ul>
  77 </body>
  78 </html>