Tutorial: Botones para compartir en Blogger

  • Autor Autor themasterlight
  • Fecha de inicio Fecha de inicio
T

themasterlight

BOTONES%2BPARA%2BCOMPARTIR.png

En esta ocasión quiero brindarles mi código de Sharethis para compartir tus entradas en diferentes redes sociales, aunque no son los mejores y existen muchos Botones personalizables para utilizarlo en tu blog, pero son de mucha ayuda a la hora de no saber programar. Aun así les prometo traer mas aportes referentes a botones personalizados para Blogger.

Cómo funcionan
Los Botones funcionan mediante Js, pero también utilizan los operadores de Blogger y sus propios datos, también consta de sus enlaces canónicos.

Por último para hacer la experiencia de usuario más agradable, al dar clic en cualquier opción, el enlace se abrirá en una ventana emergente.

Instalar
Primero vamos a agregar los estilos correspondientes, para ello vamos a Temas, presionamos el botón "Editar html", debajo de <head> agregamos el siguiente código:
Insertar CODE, HTML o PHP:
<script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=5e1e8244f9d66200125f89b7&product=custom-share-buttons&cms=sop' async='async'></script>
Por último, nos falta especificar el sitio en donde deseamos mostrar los botones, el lugar más común suele ser debajo de <data😛ost.body/>, así que busca eso y debajo pega el siguiente código:

Insertar CODE, HTML o PHP:
<center><h3>compartir el contenido</h3></center>
<div class='sharethis-inline-share-buttons'/>
Con respecto a las redes sociales que están disponible. tenemos a facebook, twitter y la opción de Enviar la entrada por correo, ademas de un pequeño botón el cual contendrá mas redes sociales en lo que puedes compartir tu contenido.

Como siempre digo, pueden visitar mi Blog para más información, en mi blog incluye el demo de los botones, pueden darle un me gusta a mi fan page
 
Gracias. Buen aporte.
 
Excelente, me sirvió ya que lo estaba buscando!
 
Muchas gracias por compartir amigo.
 
100% calidad
 
Otra opción es Addthis que creo que es mejor que ShareThis, pero buen tutorial igual
 
Atrás
Arriba