Añade los botones compartir en redes sociales en tu blog de Blogger y WordPress, es totalmente GRATIS, fácil de instalar y personalizar.
¡Hola! Bienvenido a Peengler. A continuación te recomiendo usar los siguientes botones, hasta ahora no me han dado ningún problema y lo mejor de todo es que estos botones son responsive, es decir, se adaptan a cualquier dispositivo.
Sin más que decir ¡Empecemos!
Clic en la imagen para ver el vídeo ↑ en YouTube
En primer lugar, debes registrarte a la página sharethis.com. Si quieres regístrate iniciando sesión con tu cuenta de Google o Facebook
Esta página te da 4 maneras de añadir los botones de compartir en tu sitio.
Los puedes añadir al final de tu post, me encantan porque se adaptan al ancho de tu sitio, en el caso de que los botones que has seleccionado no tengan suficiente espacio, solo se mostrara el icono.
Con esta opción, al pasar el cursor sobre tus imágenes van aparecer los iconos de las redes sociales en la parte superior. La verdad es que me parece muy bueno, aunque pienso que esto sería muy útil en sitios tipo galería.
Aquí los botones aparecen en la parte inferior de tus videos. Si por alguna razón no quieres que se muestren en videos con alguna clase en particular. Se puede hacer esta configuración.
Este es uno de los más usados y muy recomendados, tendrás los botones de compartir fijos, es decir, al deslizar siempre se van a mantener en esa posición y lo mejor, es que puedes ocultarlo cuando el visitante este viendo tu sitio en su celular.
Pero si quieres lo dejas activo para móviles, ya que esa barra pasara a la parte inferior de la pantalla. Pienso que es mejor mostrarlo para el ordenador y ocultarlo con los dispositivos móviles
¿Por qué? Pues normalmente suele salir el aviso de cookies y la verdad lo vería muy cargado. Ahora es tu decisión decidir.
Una vez que estés registrado en sharethis.com, inicias sesión y luego debes registrar tu sitio.
Para eso, te vas a la parte superior y clic en agregar nuevo dominio:
Luego ingresas el dominio o subdominio.
Ejemplo: peengler.com o peengler.blogspot.com
Clic en agregar nuevo dominio.
Debes añadir un código a tu blog que tendrá los estilos de los botones y también para que funcionen.
Le das clic al botón Código de activación.
Te vas a: Tema > HTML > y ahora pegas el código después de <Head>
Quizás te salga un error, en ese caso vas añadir antes de cms esto: &
Guardas.
Vuelves a la página de los botones sociales. Clic en activar.
Necesitaras un plugin para añadir el código en el header de tu tema.
Buscaras e instalaras el siguiente plugin:
Luego te vas a Ajustes > Insert Headers and Footers y donde dice Código en la cabecera, pegas el código y guardas el cambio:
Vuelves a la página de los botones > Clic en Código de activación
Como mencione antes hay 4 maneras de mostrar estos botones, primero debes elegir uno de esos botones. Luego le das clic en Personalizar.
Te saldrá una vista previa del botón y más abajo están las siguientes opciones:
Cuando estés satisfecho clic en actualizar.
¡Y listo! Actualiza tu sitio y veras la magia 😉
Si has elegido usar: Botones de Compartir Embebidos y te sucede lo siguiente:
Debes añadir en tus estilos CSS lo siguiente:
CSS
#st-1 .st-btn > img {
top: 7px;
background: transparent;
border: none;
box-shadow: none;
}
En Blogger te vas a: TEMA > HTML > CTRL + F y buscas ]]></b:skin> Encima de estas pegas el código que mencione.
En WordPress: Necesitaras el plugin Code Snippets Instálalo y actívalo
Luego te vas a Fragmento de código > todos los fragmentos > Ejemplo de fragmento de código en CSS > clic en editar
Y pegas el código CSS que mencione:
Los botones de compartir en redes sociales, son buenísimos para que puedas hacer conocer tu sitio en las redes y gracias a sharethis que nos facilita esta tarea de manera sencilla y eficaz.
No se puede pedir más. Esperemos que no cambien 😊
Recomiendo no llenar todo tu sitio con los botones de compartir normalmente se suele usar el vertical deslizante y el horizontal al final de cada post.
Cualquier duda o problema dejarlo en los comentarios.
Únete a la Zona VIP🔥
Descubre todo el contenido que te ofrece y ser parte de mi comunidad.
Gabriela Laya
Me gusta el Diseño Web, Crear plantillas para Wordpress y Blogger y todo lo relacionado a estas 2 plataformas de Blogs.
Muy útil. Gracias por la información.
Besos
Son básicos, gracias por compartirlo
Thank you
Nice artikel
Muchas gracias por el tutorial. Muy útil, como siempre.
Un abrazo.
Genial, me encanta como lo explicas. Bs.
Otra utilidad estupenda Gabriela. Cualquier cosa que sirva para poder compartir con mayor facilidad es fundamental. En lo personal suelo ir con mucho cuidado al cambiar cualquier código html por miedo a meter la pata.
Saludos y gracias por la info!
Muy buenos consejos, hay que tener a mano, un beset
Muchas gracias por este gran tutorial.
Besitos y abrazos cariñosos bonita.
Hola, Gabriela 👌
La verdad es que me sorprende mucho la cantidad de información que compartes y que aún así no me desespere ni me aburra leyendo. Y aunque no soy fan de los botones creo que lo voy a tener en cuenta porque ya me empezó a rondar la cabeza cambiar la presentación del blog. Nomás que mi talento es INEXISTENTE 😂 Un beso grande.
Geniales consejillos. Me los apunto. 😉
Hola.
Muchísimas gracias por la información, está todo muy bien explicado.
Soy un desastre con las redes sociales y eso hay que arreglarlo.
Feliz día.
¡Hola, hola! La verdad que esto es muy útil, ¡gracias por la entrada!
¡Nos leemos!
XX ASH XX
Muchas gracias por compartir estos consejos, me van a venir muy bien para mi web, yo la gestionos a traves de worpress y esto me va genial. Saludos
Hola,
Gracias por la información.
Besos desde Promesas de Amor, nos leemos.
Muchas gracias, me encanto este artículo. Me encanta aprender sobre todo lo relacionado a los blogs y sitios web, y estos botones para compartir redes sociales están muy prácticos y fáciles de instalar.
woow! que buena informacion, muchas gracias!!
Gracias por el tutorial te mando un beso
hola,
muchas gracias por la entrada, mira, esto si que lo sabia hacer jejeje
Besotesssssssssssssssss
#yaquedamenos
Uy pues he cogido varias ideas de este post para probar a ver cual me interesa más
Muchas gracias por compartirlo
besos ♥
– – El Mundo de Naya – –
Ains!! Este post era todo lo que necesitaba. Para compartir los botones ya me vienen predeterminados con el tema, pero voy a ver si puedo cambiar los que están abajo de mi perfil.
Un besote♥
(ノ◕ヮ◕)ノ*:・゚✧ Holaaa!!!
Lo intente y no me resulto ni con lo primero ni con lo segundo, me plantilla no me dejo guardar con ninguno de los 2 códigos :c
Visita mi blog ♥ 穛 S4Ku SEK4i®
¡Hola!
y ¿que plantilla usas? se que es de Blogger pero ¿como se llama el tema?
y así intento instalarlo 🙂
Hola guapa, muchas gracias por el tutorial, nada más tenga un ratito lo pongo en practica para añadir botones a mi blog. Besitoss
Deja un comentario