Addtoany round sharing buttons

Find help with FlatPress plugins, report a plugin bug, request or present new plugins.
Post Reply
Panther
Posts: 26
Joined: Mon Aug 12, 2019 11:05 pm

Addtoany round sharing buttons

Post by Panther » Thu Nov 05, 2020 9:48 pm

If you want use addtoany sharing round buttons on Flatpress, you can insert this in header.tpl file between <head> and </head>

Code: Select all

<head>
<script async src="https://static.addtoany.com/menu/page.js"></script>

 {literal}
<style>
.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span {
    padding: 5px;
    border-radius: 50px;
}
</style>

<script>
var a2a_config = a2a_config || {};
a2a_config.thanks = {
    postShare: false
};
a2a_config.counts = { recover_protocol: 'http' };
a2a_config.onclick = 1;
</script>
{/literal}
</head>

Then insert addtoany sharing buttons on your website, inside entry-default.tpl:

Code: Select all

<div class="a2a_kit a2a_kit_size_32 a2a_default_style">
<a class="a2a_button_facebook"></a>
<a class="a2a_button_twitter"></a>
<a class="a2a_button_whatsapp"></a>
<a class="a2a_dd" href="https://www.addtoany.com/share"></a>
</div>
That's done......you have Addtoany round sharing buttons.

https://www.addtoany.com

An example of addtoany round sharing buttons inside every web page + AddtoThis sharing button.:
https://www.warsintheworld.com

Panther
Posts: 26
Joined: Mon Aug 12, 2019 11:05 pm

Re: Addtoany round sharing buttons

Post by Panther » Fri Nov 06, 2020 9:58 pm

This is for Computer version with Flipboard button working now.

Code: Select all

<div align=left>
<a href="http://www.facebook.com/sharer.php?u={$id|link:post_link}&title={$subject|tag:the_title}" target="_blank" style="text-decoration:none">
<img src="/Immagini/facebook.png" border="0" alt="Facebook" width="28" height="28">
</a>
<a href="http://twitter.com/share?text={$subject|tag:the_title}&url={$id|link:post_link}" target="_blank" style="text-decoration:none">
<img src="/Immagini/twitter.png" border="0" alt="Twitter" width="28" height="28" >
</a>
<a href="https://api.whatsapp.com/send?text={$subject|tag:the_title} {$id|link:post_link}" data-action="share/whatsapp/share" target="_blank" style="text-decoration:none">
<img src="/Immagini/whatsapp.png" border="0" alt="Whatsapp" width="28" height="28">
</a>
<a href="https://t.me/share/url?url={$id|link:post_link}&text={$subject|tag:the_title}" target="_blank" style="text-decoration:none">
<img src="/Immagini/telegram.png" border="0" alt="Telegram" width="28" height="28">
</a>
<a href="http://pinterest.com/pin/create/link/?url={$id|link:post_link}&description={$subject|tag:the_title}" count-layout="horizontal" target="_blank" style="text-decoration:none">
<img src="/Immagini/pinterest.png" border="0" alt="Pinterest" width="28" height="28">
</a>
<a href="https://www.linkedin.com/shareArticle?mini=true&url={$id|link:post_link}&title={$subject|tag:the_title}" target="_blank" style="text-decoration:none">
<img src="/Immagini/linkedin.png" border="0" alt="Linkedin" width="28" height="28">
</a>
<a href="http://www.tumblr.com/share/link?url={$id|link:post_link}" target="_blank" style="text-decoration:none">
<img src="/Immagini/tumblr.png" border="0" alt="Tumblr" width="28" height="28">
</a>
<a href="https://reddit.com/submit?url={$id|link:post_link}&title={$subject|tag:the_title}" target="_blank" style="text-decoration:none">
<img src="/Immagini/reddit.png" border="0" alt="Reddit" width="28" height="28">
</a>
<a href="https://share.flipboard.com/bookmarklet/popout?v=2&url={$id|link:post_link}" target="_blank" style="text-decoration:none">
<img src="/Immagini/flipboard.jpg" border="0" alt="Flipboard" width="28" height="28">
</a>
<a href="mailto:?subject={$subject|tag:the_title}&amp;body={$id|link:post_link}" title="{$subject|tag:the_title}">
<img src="/Immagini/email.png" border="0" alt="Email" width="28" height="28">
</a>
<a titlt="print screen" alt="print screen" onclick="window.print();"target"_blank" style="cursor:ponter;">
<img src="/Immagini/print.png" border="0" alt="Print" width="28" height="28">
</a>
</div>
This is for mobile version:

Code: Select all

<div align=left>
<a href="http://www.facebook.com/sharer.php?u={$id|link:post_link}&title={$subject|tag:the_title}" target="_blank" style="text-decoration:none">
<img src="/Immagini/facebook.png" border="0" alt="Facebook" width="28" height="28">
</a>
<a href="http://twitter.com/share?text={$subject|tag:the_title}&url={$id|link:post_link}" target="_blank" style="text-decoration:none">
<img src="/Immagini/twitter.png" border="0" alt="Twitter" width="28" height="28" >
</a>
<a href="whatsapp://send?text={$subject|tag:the_title} {$id|link:post_link}" data-action="share/whatsapp/share" target="_blank" style="text-decoration:none">
<img src="/Immagini/whatsapp.png" border="0" alt="Whatsapp" width="28" height="28">
</a>
<a href="fb-messenger://share/?link={$id|link:post_link}&app_id=your-app-id-here" target="_blank" style="text-decoration:none">
<img src="/Immagini/messenger.png" border="0" alt="Messenger" width="28" height="28">
</a>
<a href="https://t.me/share/url?url={$id|link:post_link}&text={$subject|tag:the_title}" target="_blank" style="text-decoration:none">
<img src="/Immagini/telegram.png" border="0" alt="Telegram" width="28" height="28">
</a>
<a href="http://pinterest.com/pin/create/link/?url={$id|link:post_link}&description={$subject|tag:the_title}" count-layout="horizontal" target="_blank" style="text-decoration:none">
<img src="/Immagini/pinterest.png" border="0" alt="Pinterest" width="28" height="28">
</a>
<a href="https://www.linkedin.com/shareArticle?mini=true&url={$id|link:post_link}&title={$subject|tag:the_title}" target="_blank" style="text-decoration:none">
<img src="/Immagini/linkedin.png" border="0" alt="Linkedin" width="28" height="28">
</a>
<a href="http://www.tumblr.com/share/link?url={$id|link:post_link}" target="_blank" style="text-decoration:none">
<img src="/Immagini/tumblr.png" border="0" alt="Tumblr" width="28" height="28">
</a>
<a href="https://reddit.com/submit?url={$id|link:post_link}&title={$subject|tag:the_title}" target="_blank" style="text-decoration:none">
<img src="/Immagini/reddit.png" border="0" alt="Reddit" width="28" height="28">
</a>
<a href="https://share.flipboard.com/bookmarklet/popout?v=2&url={$id|link:post_link}" target="_blank" style="text-decoration:none">
<img src="/Immagini/flipboard.jpg" border="0" alt="Flipboard" width="28" height="28">
</a>
<a href="mailto:?subject={$subject|tag:the_title}&amp;body={$id|link:post_link}" title="{$subject|tag:the_title}">
<img src="/Immagini/email.png" border="0" alt="Email" width="28" height="28">
</a>
<a titlt="print screen" alt="print screen" onclick="window.print();"target"_blank" style="cursor:ponter;">
<img src="/Immagini/print.png" border="0" alt="Print" width="28" height="28">
</a>
</div>

Post Reply

Who is online

Users browsing this forum: No registered users and 0 guests