código HTML para boton de compartir whatsapp facebook twitter linkedin google+
Olvídate de buscar los código HTML para poner los botones de "Compartir" en tu web o Blog.
Aquí te presentamos una solución rápida y eficaz.
Tan sólo tienes que copiar el código que te presentamos más abajo en color rojo, en el apartado de tu Web/Blog donde quieras que aparezcan los botones de compartir, como al final de esta entrada.
Es imprescindible que te asegures de copiar al código en un apartado que permita leer "HTML" .
Si tienes cualquier duda, deja tu comentario.
Un saludo.
Jaime M Juez
<!-- Start - REDES SOCIALES -->
<!-- whatsapp -->
<a class="wa_btn wa_btn_m" data-href="" data-text="Seguro que te interesa. Echa un vistazo a este artículo ;)" href="whatsapp://send" style="display: none;">WhatsApp</a><script type="text/javascript">if(typeof wabtn4fg==="undefined"){wabtn4fg=1;h=document.head||document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript";s.src="//whatsapp-sharing.com/button";h.appendChild(s);}</script>
<!-- Facebook -->
<br />
<div id="fb-root">
</div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<br />
<div class="fb-like" data-action="like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button" data-share="true" data-show-faces="true">
</div>
<!-- Twitter -->
<a class="twitter-share-button" data-lang="es" data-via="BrokerJunior" href="https://twitter.com/share">Twittear</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<!-- Google + -->
<!-- Inserta esta etiqueta donde quieras que aparezca Botón Compartir. -->
<br />
<div class="g-plus" data-action="share" data-annotation="none">
</div>
<!-- Inserta esta etiqueta después de la última etiqueta de compartir. -->
<script type="text/javascript">
window.___gcfg = {lang: 'es'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/platform.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<!-- Linkedin -->
<br />
<script src="//platform.linkedin.com/in.js" type="text/javascript">
lang: en_US
</script>
<script type="IN/Share"></script>
<!-- End - REDES SOCIALES -->
No hay comentarios: