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>
10 <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
12 <link rel=
"stylesheet" href=
"github-markdown.css">
15 <div id=
"local-sidebar">
17 <li><a href=
"Home.html">Home
</a></li>
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>
24 <li><a href=
"Usage.html">Usage
</a>
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>
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>
36 <li><a href=
"Troubleshooting.html">Troubleshooting
</a></li>
37 <li><a href=
"Development.html">Development
</a>
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>
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>
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>
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>
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>
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>