Botones para compartir en redes sociales oficial

Hoy tuve que desarmar uno de esos plugins que te generan botones para compartir, ya que un cliente quiere tener los oficiales y en vez de buscar otro plugin decidí buscar los oficiales.

Aquí se los comparto:

Facebook

https://developers.facebook.com/docs/plugins/share-button/

<iframe src="https://www.facebook.com/plugins/share_button.php?href=<?php the_permalink(); ?>&layout=button_count&size=small&mobile_iframe=true&appId=179913835404615&width=88&height=20" width="88" height="20" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>

Twitter

https://dev.twitter.com/web/tweet-button

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

<a class="twitter-share-button" href="https://twitter.com/intent/tweet?text=<?php the_title(); ?>%20<?php the_permalink(); ?>">Tweet</a>

Linkedin

https://developer.linkedin.com/plugins/share

<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>

<script type="IN/Share" data-url="<?php the_permalink(); ?>" data-counter="right"></script>

Google Plus

https://developers.google.com/+/web/share/

<!-- Place this tag in your head or just before your close body tag. -->
<script src="https://apis.google.com/js/platform.js" async defer></script>

<!-- Place this tag where you want the share button to render. -->
<div class="g-plus" data-action="share" data-annotation="bubble" data-height="24" data-href="https://developers.google.com"></div>

Tumblr

https://www.tumblr.com/buttons

<a class="tumblr-share-button" data-color="blue" data-notes="right" href="https://embed.tumblr.com/share"></a> <script>!function(d,s,id){var js,ajs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://assets.tumblr.com/share-button.js";ajs.parentNode.insertBefore(js,ajs);}}(document, "script", "tumblr-js");</script>

Pinterest

https://developers.pinterest.com/docs/widgets/save/?

<script type="text/javascript" async defer src="//assets.pinterest.com/js/pinit.js"></script>

<a data-pin-do="buttonPin" href="https://www.pinterest.com/pin/create/button/?url=<?php the_permalink(); ?>&description=<?php the_title(); ?>" data-pin-config="beside"></a>

Algunos de los códigos piden especificar el link, en esos casos he puesto <?php the_permalink(); ?> y <?php the_title(); ?> si piden texto.