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 <link rel=
"stylesheet" href=
"github-markdown.css">
11 <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
15 <div id=
"local-sidebar">
17 <li><a href=
"Home.html">Home
</a></li>
20 <li><a href=
"Download-and-Installation.html">Download and Installation
</a></li>
21 <li><a href=
"Upgrade-and-migration.html">Upgrade and migration
</a></li>
22 <li><a href=
"Server-requirements.html">Server requirements
</a></li>
23 <li><a href=
"Server-configuration.html">Server configuration
</a></li>
24 <li><a href=
"Server-security.html">Server security
</a></li>
25 <li><a href=
"Shaarli-configuration.html">Shaarli configuration
</a></li>
26 <li><a href=
"Plugins.html">Plugins
</a></li>
28 <li><a href=
"Docker.html">Docker
</a></li>
29 <li><a href=
"Usage.html">Usage
</a>
31 <li><a href=
"Sharing-button.html">Sharing button
</a> (bookmarklet)
</li>
32 <li><a href=
"Browsing-and-Searching.html">Browsing and Searching
</a></li>
33 <li><a href=
"Firefox-share.html">Firefox share
</a></li>
34 <li><a href=
"RSS-feeds.html">RSS feeds
</a></li>
38 <li><a href=
"Backup,-restore,-import-and-export.html">Backup, restore, import and export
</a></li>
39 <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>
40 <li><a href=
"Create-and-serve-multiple-Shaarlis-(farm).html">Create and serve multiple Shaarlis (farm)
</a></li>
41 <li><a href=
"Download-CSS-styles-from-an-OPML-list.html">Download CSS styles from an OPML list
</a></li>
42 <li><a href=
"Datastore-hacks.html">Datastore hacks
</a></li>
44 <li><a href=
"Troubleshooting.html">Troubleshooting
</a></li>
45 <li><a href=
"Development.html">Development
</a>
47 <li><a href=
"GnuPG-signature.html">GnuPG signature
</a></li>
48 <li><a href=
"Coding-guidelines.html">Coding guidelines
</a></li>
49 <li><a href=
"Directory-structure.html">Directory structure
</a></li>
50 <li><a href=
"3rd-party-libraries.html">3rd party libraries
</a></li>
51 <li><a href=
"Plugin-System.html">Plugin System
</a></li>
52 <li><a href=
"Release-Shaarli.html">Release Shaarli
</a></li>
53 <li><a href=
"Security.html">Security
</a></li>
54 <li><a href=
"Static-analysis.html">Static analysis
</a></li>
55 <li><a href=
"Theming.html">Theming
</a></li>
56 <li><a href=
"Unit-tests.html">Unit tests
</a></li>
60 <li><a href=
"FAQ.html">FAQ
</a></li>
61 <li><a href=
"Community-&-Related-software.html">Community
& Related software
</a></li>
65 <h1 id=
"sharing-button">Sharing button
</h1>
66 <h3 id=
"add-the-sharing-button-bookmarklet-to-your-browser">Add the sharing button (
<em>bookmarklet
</em>) to your browser
</h3>
68 <li>Open your Shaarli and
<code>Login
</code></li>
69 <li>Click the
<code>Tools
</code> button in the top bar
</li>
70 <li>Drag the
<strong><code>✚Shaare link
</code> button
</strong>, and drop it to your browser's bookmarks bar.
</li>
72 <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>
73 <p><embed src=
"(images/bookmarklet.png).html" /></p>
74 <h3 id=
"share-links-using-the-bookmarklet">Share links using the
<em>bookmarklet
</em></h3>
76 <li>When you are visiting a webpage you would like to share with Shaarli, click the
<em>bookmarklet
</em> you just added.
</li>
77 <li>A window opens.
</li>
78 <li>You can freely edit title, description, tags... to find it later using the text search or tag filtering.
</li>
79 <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>
80 <li>You can also check the “Private” box so that the link is saved but only visible to you.
</li>
81 <li>Click
<code>Save
</code>.
<strong>Voilà! Your link is now shared.
</strong></li>
83 <h3 id=
"troubleshooting-the-bookmarklet-doesnt-work-with-a-few-website-e.g.-github.com">Troubleshooting: The bookmarklet doesn't work with a few website (e.g. Github.com)
</h3>
84 <p>Websites which enforce Content Security Policy (CSP), such as github.com, disallow usage of bookmarklets. Unfortunatly, there is nothing Shaarli can do about it.
</p>
85 <p>See
<a href=
"https://github.com/shaarli/Shaarli#196">#
196</a>.
<a href=
".html"></a></p>
86 <p>There is an open bug for both Firefox and Chromium:
</p>
88 <li><a href=
"https://bugzilla.mozilla.org/show_bug.cgi?id=866522" class=
"uri">https://bugzilla.mozilla.org/show_bug.cgi?id=
866522</a></li>
89 <li><a href=
"https://code.google.com/p/chromium/issues/detail?id=233903" class=
"uri">https://code.google.com/p/chromium/issues/detail?id=
233903</a></li>