Tutorial: Botones para compartir en Blogger

T

themasterlight


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:post.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
 

JenM

Préstamo
Épsilon
Redactor
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
2 Sep 2018
Mensajes
864
Gracias. Buen aporte.
 

Visualify

Beta
Verificación en dos pasos desactivada
Desde
18 Jul 2019
Mensajes
33
Excelente, me sirvió ya que lo estaba buscando!
 

Narok

No recomendado
Beta
Social Media
Verificación en dos pasos desactivada
Desde
18 Sep 2016
Mensajes
99
Muchas gracias por compartir amigo.
 

Ricardo Smeja

Alfa
Verificación en dos pasos desactivada
Verificado por Whatsapp
Usuario nuevo
¡Usuario con pocos negocios!
Desde
21 May 2020
Mensajes
28
100% calidad
 

Souhiro

Épsilon
SEO
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
12 Nov 2013
Mensajes
762
Otra opción es Addthis que creo que es mejor que ShareThis, pero buen tutorial igual
 

Crea una cuenta o accede para comentar

Debes ser un miembro para poder comentar

Crear cuenta

Crea una cuenta en nuestra comunidad

Acceder

¿Ya tienes una cuenta? Accede aquí


Arriba