Buttons and add-ons
Sharing buttons
<a href="https://sharetomastodon.github.io/?title=Your title here&url=https://www.example.com/some/path" target="_blank">
<img src="https://sharetomastodon.github.io/favicon.png" style="border: 0px solid;" />
</a>

<a href="javascript:;" onclick="window.open('https://sharetomastodon.github.io/?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title),'das','location=no,links=no,scrollbars=no,toolbar=no,width=620,height=550'); return false;" rel="nofollow" target="_blank">
<img src="https://sharetomastodon.github.io/favicon.png" style="border: 0px solid;" />
</a>
Mastodon<a href="javascript:;" onclick="window.open('https://sharetomastodon.github.io/?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title),'das','location=no,links=no,scrollbars=no,toolbar=no,width=620,height=550'); return false;" rel="nofollow" target="_blank"
style="padding: 3px 4px 2px; background: #fafafa; border: 1px solid #ddd; font-size: 13px; color: #222; text-decoration: none;">
<img src="https://sharetomastodon.github.io/favicon.png" style="border: 0px solid;display: inline-block;vertical-align: top;" /> Mastodon
</a>
This method will include a Mastodon share button next to Google +1 button. It is necessary to
enable the sharing buttons.
- Enter your dashboard and choose your blog.
- In section Template, click on Edit HTML. If a warning appears, click Continue.
- Check Expand widget templates, press Ctrl+F and write sharebuttons.
- Find the line
<b:includable id='shareButtons' var='post'>. Just after that, copy the following code:
<a expr:href='"https://sharetomastodon.github.io/?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share on Mastodon'>
<img src='https://sharetomastodon.github.io/favicon.png' style='width:16px; height:16px; padding:0; border:0; vertical-align:middle;'/>
</a>