Addtoany round sharing buttons

Find help with FlatPress plugins, report a plugin bug, request or present new plugins.
Post Reply
Panther
Posts: 52
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: 52
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}&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}&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>

User avatar
Arvid
FlatPress Coder
Posts: 558
Joined: Sat Jan 26, 2019 7:40 pm
Contact:

Re: Addtoany round sharing buttons

Post by Arvid » Sun Dec 27, 2020 11:41 am

Hi, please feel free to add this to our wiki :)

All the best,
Arvid

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

Re: Addtoany round sharing buttons

Post by Panther » Wed Feb 03, 2021 11:19 pm

I've added copylink button.


<div align=left>
<a href="http://www.facebook.com/sharer.php?u={$ ... :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 ... :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:po ... :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/?u ... :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?m ... :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={$ ... :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 ... :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 ... :post_link}" target="_blank" style="text-decoration:none">
<img src="/Immagini/flipboard.jpg" border="0" alt="Flipboard" width="28" height="28">
</a>
<a class="a2a_button_copy_link"><img src=/Immagini/copylink.png border="0" alt="CopyLink" width="40" height="40"></a>
<a href="mailto:?subject={$subject|tag:the_title}&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>

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

Re: Addtoany round sharing buttons

Post by Panther » Thu Feb 04, 2021 12:02 am

Added copy link button

In line:
<div align=left>
<div class="a2a_kit a2a_kit_size_32 a2a_default_style">
<a href="http://www.facebook.com/sharer.php?u={$ ... :the_title}" target="_blank">
<img src="/Immagini/facebook.png" border="0" alt="Facebook" width="34" height="34">
</a>
<a href="http://twitter.com/share?text={$subject ... :post_link}" target="_blank">
<img src="/Immagini/twitter.png" border="0" alt="Twitter" width="34" height="34" >
</a>
<a href="whatsapp://send?text={$subject|tag:the_title} {$id|link:post_link}" data-action="share/whatsapp/share" target="_blank">
<img src="/Immagini/whatsapp.png" border="0" alt="Whatsapp" width="34" height="34">
</a>
<a href="fb-messenger://share/?link={$id|link:post_link}&app_id=your-app-id-here" target="_blank">
<img src="/Immagini/messenger.png" border="0" alt="Messenger" width="34" height="34">
</a>
<a href="https://t.me/share/url?url={$id|link:po ... :the_title}" target="_blank">
<img src="/Immagini/telegram.png" border="0" alt="Telegram" width="34" height="34">
</a>
<a href="http://pinterest.com/pin/create/link/?u ... :the_title}" count-layout="horizontal" target="_blank">
<img src="/Immagini/pinterest.png" border="0" alt="Pinterest" width="34" height="34">
</a>
<a href="https://www.linkedin.com/shareArticle?m ... :the_title}" target="_blank">
<img src="/Immagini/linkedin.png" border="0" alt="Linkedin" width="34" height="34">
</a>
<a href="https://share.flipboard.com/bookmarklet ... :the_title}" target="_blank">
<img src="/Immagini/flipboard.jpg" border="0" alt="Flipboard" width="34" height="34">
</a>
<a class="a2a_button_copy_link"><img src=/Immagini/copylink.png border="0" alt="CopyLink" width="34" height="34"></a>
<a href="mailto:?subject={$subject|tag:the_title}&body={$id|link:post_link}" title="{$subject|tag:the_title}">
<img src="/Immagini/email.png" border="0" alt="Email" width="34" height="34">
</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="34" height="34">
</a>
</div>
</div>

<br>


In compact way:
<div align=left>
<div class="a2a_kit a2a_kit_size_32 a2a_default_style">
<a href="http://www.facebook.com/sharer.php?u={$ ... :the_title}" target="_blank"><img src="/Immagini/facebook.png" border="0" alt="Facebook" width="28" height="28"></a> <a href="http://twitter.com/share?text={$subject ... :post_link}" target="_blank"><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"><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"><img src="/Immagini/messenger.png" border="0" alt="Messenger" width="28" height="28"></a> <a href="https://t.me/share/url?url={$id|link:po ... :the_title}" target="_blank"><img src="/Immagini/telegram.png" border="0" alt="Telegram" width="28" height="28"></a> <a href="http://pinterest.com/pin/create/link/?u ... :the_title}" count-layout="horizontal" target="_blank"><img src="/Immagini/pinterest.png" border="0" alt="Pinterest" width="28" height="28"></a> <a href="https://www.linkedin.com/shareArticle?m ... :the_title}" target="_blank"><img src="/Immagini/linkedin.png" border="0" alt="Linkedin" width="28" height="28"></a> <a href="https://share.flipboard.com/bookmarklet ... :the_title}" target="_blank"><img src="/Immagini/flipboard.jpg" border="0" alt="Flipboard" width="28" height="28"></a> <a class="a2a_button_copy_link"><img src=/Immagini/copylink.png border="0" alt="CopyLink" width="28" height="28"></a> <a href="mailto:?subject={$subject|tag:the_title}&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>
</div>

Post Reply

Who is online

Users browsing this forum: No registered users and 26 guests