Sharing buttons

Find help with FlatPress plugins, report a plugin bug, request or present new plugins.
Tongara
Posts: 69
Joined: Wed Jan 22, 2020 11:09 am
Location: Birmingham, UK
Contact:

Re: Sharing buttons

Post by Tongara » Sat Jun 06, 2020 11:41 am

Arvid wrote: ↑Fri Jun 05, 2020 5:43 pm Thank you very much, this is really useful.
I created a how-to page on the wiki for this.
Just to note, Panther didn't alter the approach by using FontAwesome icons, I did.

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

Re: Sharing buttons

Post by Arvid » Sat Jun 06, 2020 11:57 am

I am very sorry :shock:
I changed the wiki page accordingly.

Tongara
Posts: 69
Joined: Wed Jan 22, 2020 11:09 am
Location: Birmingham, UK
Contact:

Re: Sharing buttons

Post by Tongara » Mon Aug 31, 2020 9:59 pm

Just thought I'd add to this with a small update...

If you happen to want to include these sharing buttons on your Static pages, directly inserting this code won't exactly work. It's very easy to fix that, though!

Once this code has been added to your static page template (I find after the {$content|tag:the_content} tage, and before the </article> tag to be the best placement), simply change any instance of "$id|link:post_link" to "$id|link:page_link", and you're done!

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

Re: Sharing buttons

Post by Arvid » Sun Sep 06, 2020 10:32 am

Please feel free to add this to the wiki page! :)

Tongara
Posts: 69
Joined: Wed Jan 22, 2020 11:09 am
Location: Birmingham, UK
Contact:

Re: Sharing buttons

Post by Tongara » Wed Sep 09, 2020 5:44 am

Arvid wrote: ↑Sun Sep 06, 2020 10:32 am Please feel free to add this to the wiki page! :)
D-D-D-Done~

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

Re: Sharing buttons

Post by Arvid » Wed Sep 16, 2020 4:58 pm

Thanks :)

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

Re: Sharing buttons

Post by Panther » Wed Nov 04, 2020 10:28 pm

New Version withf Flipboard icon (works only on smartphone, not on desktop)......I don't know why. If someone has a solution, can write it here:

Code: Select all

<div align=center>
<a href="http://www.facebook.com/sharer.php?u={$id|link:post_link}&title={$subject|tag:the_title}" target="_blank">
<img src="/Immagini/facebook.png" border="0" alt="Facebook" width="40" height="40">
</a>
<a href="http://twitter.com/share?text={$subject|tag:the_title}&url={$id|link:post_link}" target="_blank">
<img src="/Immagini/twitter.png" border="0" alt="Twitter" width="40" height="40" >
</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="40" height="40">
</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="40" height="40">
</a>
<a href="https://t.me/share/url?url={$id|link:post_link}&text={$subject|tag:the_title}" target="_blank">
<img src="/Immagini/telegram.png" border="0" alt="Telegram" width="40" height="40">
</a>
<a href="http://pinterest.com/pin/create/link/?url={$id|link:post_link}&description={$subject|tag:the_title}" count-layout="horizontal" target="_blank">
<img src="/Immagini/pinterest.png" border="0" alt="Pinterest" width="40" height="40">
</a>
<a href="https://www.linkedin.com/shareArticle?mini=true&url={$id|link:post_link}&title={$subject|tag:the_title}" target="_blank">
<img src="/Immagini/linkedin.png" border="0" alt="Linkedin" width="40" height="40">
</a>
<a href="https://share.flipboard.com/bookmarklet/popout?v=&url={$id|link:post_link}&title={$subject|tag:the_title}" target="_blank">
<img src="/Immagini/flipboard.jpg" border="0" alt="Flipboard" 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="40" height="40">
</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="40" height="40">
</a>
</div>

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

Re: Sharing buttons

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

Please feel free to add this to the wiki page as well - thanks :)

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

Re: Sharing buttons

Post by Panther » Thu Feb 04, 2021 7:52 pm

This is the final list of sharingbuttons.....maybe.....with all buttons working.
Only button copylink is working with Addtoany (if someone knows how use without AddtoAny)


Code: Select all

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

<div class="a2a_kit a2a_kit_size_32 a2a_default_style">
<a href="http://www.facebook.com/sharer.php?u={$id|link:post_link}&title={$subject|tag: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|tag:the_title}&url={$id|link: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:post_link}&text={$subject|tag: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/?url={$id|link:post_link}&description={$subject|tag:the_title}" count-layout="horizontal" target="_blank"><img src="/Immagini/pinterest.png" border="0" alt="Pinterest" width="34" height="34"></a> <a href="https://share.flipboard.com/bookmarklet/popout?v=&url={$id|link:post_link}&title={$subject|tag:the_title}" target="_blank"><img src="/Immagini/flipboard.jpg" border="0" alt="Flipboard" width="34" height="34"></a> <a href="https://mewe.com/share?link={$id|link:post_link}&title={$subject|tag:the_title}" target="_blank"><img src="/Immagini/mewe.png" border="0" alt="Mewe" width="28" height="28"></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>

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

Re: Sharing buttons

Post by Panther » Wed Jul 21, 2021 11:09 pm

This last version, Facebook button popup close its-self automatically alone at the end

Code: Select all

<div align=left>
<div class="a2a_kit a2a_kit_size_32 a2a_default_style">
<a href="javascript:window.open('https://www.facebook.com/sharer/sharer.php?u={$id|link:post_link}&title={$subject|tag:the_title}', '_blank', 'width=400,height=500');void(0);"><img src="/Immagini/facebook.png" border="0" alt="Facebook" width="36" height="36"></a> <a href="https://twitter.com/share?text={$subject|tag:the_title}&url={$id|link:post_link}" target="_blank"><img src="/Immagini/twitter.png" border="0" alt="Twitter" width="36" height="36" ></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="36" height="36"></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="36" height="36"></a> <a href="https://t.me/share/url?url={$id|link:post_link}&text={$subject|tag:the_title}" target="_blank"><img src="/Immagini/telegram.png" border="0" alt="Telegram" width="36" height="36"></a> <a href="https://pinterest.com/pin/create/link/?url={$id|link:post_link}&description={$subject|tag:the_title}" count-layout="horizontal" target="_blank"><img src="/Immagini/pinterest.png" border="0" alt="Pinterest" width="36" height="36"></a> <a href="https://www.linkedin.com/shareArticle/?mini=true&url={$id|link:post_link}&description={$subject|tag:the_title}" count-layout="horizontal" target="_blank"><img src="/Immagini/linkedin.png" border="0" alt="Linkedin" width="36" height="36"></a> <a href="https://share.flipboard.com/bookmarklet/popout?v=&url={$id|link:post_link}&title={$subject|tag:the_title}" target="_blank"><img src="/Immagini/flipboard.png" border="0" alt="Flipboard" width="36" height="36"></a> <a href="https://vk.com/share.php?url={$id|link:post_link}&title={$subject|tag:the_title}" target="_blank"><img src="/Immagini/vkontakte.png" border="0" alt="Vkontakte" width="36" height="36"></a> <a class="a2a_button_blogger"><img src="/Immagini/blogger.png" border="0" alt="Blogger" width="36" height="36"></a> <a class="addthis_button_informazione"><img src="/Immagini/faiinformazione.png" width="36" height="36" border="0" alt="Fai Informazione"></a> <a href="#" onclick="this.href='https://www.blog-news.it/submit.php?url='+encodeURIComponent(document.location.href)+'&title='+encodeURIComponent(document.title);return true;" target="_blank"><img src="/Immagini/blognews.png" width="30" height="30" alt="BlogNews" /></a> <a class="a2a_button_copy_link"><img src="/Immagini/copylink.png" border="0" alt="CopyLink" width="36" height="36"></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="36" height="36"></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="36" height="36"></a>

</div>
</div>

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest