Skip to content

Aggiunta dei link social per "spammare l'articolo" #47

@gabridome

Description

@gabridome

Questo è il codice scopiazzato da bitcoincore.org
@frenkbit @giacomozucco
basta metterlo negli includes con delle icone decenti.
Aggiungerei anche il titolo. ed eventualmente un summary.

<div class="social-share">
  <h4>Share on</h4>
  <ul>
    <li>
      <a href="https://twitter.com/intent/tweet?text={{ site.url }}{{ page.url }}" class="twitter" title="Share on Twitter"><i class="fa fa-twitter"></i><span> Twitter</span></a>
    </li>
    <li>
      <a href="https://www.facebook.com/sharer/sharer.php?u={{ site.url }}{{ page.url }}" class="facebook" title="Share on Facebook"><i class="fa fa-facebook"></i><span> Facebook</span></a>
    </li>
    <li>
      <a href="https://plus.google.com/share?url={{ site.url }}{{ page.social_url }}" class="google-plus" title="Share on Google Plus"><i class="fa fa-google-plus"></i><span> Google+</span></a>
    </li>
  </ul>
</div><!-- /.social-share -->

Questo è un esempio più completo da rcoindesk con anche reddit:

<ul class="share-bar" data-tracking-label="Bottom Bar" data-enable-counts="true">
                <li class="twitter">
                                        <a href="http://twitter.com/intent/tweet?text=Bitcoin+and+the+Rise+of+the+Cypherpunks http://bit.ly/23kqsYm via @CoinDesk" target="_blank">
                        <i class="fa fa-twitter"></i><span class="count">500</span>
                    </a>
                </li>
                <li class="facebook">
                    <a href="https://www.facebook.com/sharer/sharer.php?u=http://www.coindesk.com/the-rise-of-the-cypherpunks/" target="_blank">
                        <i class="fa fa-facebook"></i><span class="count">221</span>
                    </a>
                </li>
                <li class="google-plus">
                    <a href="https://plus.google.com/share?url=http://www.coindesk.com/the-rise-of-the-cypherpunks/" target="_blank">
                        <i class="fa fa-google-plus"></i><span class="count">20</span>
                    </a>
                </li>
                <li class="linkedin">
                    <a href="https://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.coindesk.com/the-rise-of-the-cypherpunks/" target="_blank">
                        <i class="fa fa-linkedin"></i><span class="count">99</span>
                    </a>
                </li>
                <li class="reddit">
                    <a href="https://www.reddit.com/submit?url=http://www.coindesk.com/the-rise-of-the-cypherpunks/&amp;title=Bitcoin+and+the+Rise+of+the+Cypherpunks" target="_blank">
                        <i class="fa fa-reddit"></i><span class="count">55</span>
                    </a>
                </li>
                <li class="whatsapp">
                                        <a href="whatsapp://send?text=Bitcoin+and+the+Rise+of+the+Cypherpunks+http%3A%2F%2Fwww.coindesk.com%2Fthe-rise-of-the-cypherpunks%2F" target="_blank">
                        <i class="fa fa-whatsapp"></i>
                    </a>
                </li>
                <li class="email">
                    <a href="mailto:?subject=Bitcoin and the Rise of the Cypherpunks&amp;body=http://www.coindesk.com/the-rise-of-the-cypherpunks/" target="_blank">
                        <i class="fa fa-envelope"></i>
                    </a>
                </li>
            </ul>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions