Como insertar botones sociales en las imágenes y así compartirlo


En este nuevo post de ayuda de Blogger, vamos a ver cómo podemos integrar y compartir enlaces a fotos que tenemos en nuestro blog gracias a los botones sociales! Es un guion muy útil especialmente en los blogs o páginas web que tienen demasiadas fotos. Este truco sirve para utilizarlo en cualquier página web o blog.

Este script fue creado por www.slingpic.com en la cual puedes entrar en su página web y ver más opciones

Como insertar botones sociales en las imágenes y así compartirlo

Mire su demostración en la siguiente imagen, pase el cursor y de un clic en “SHARE” y vera como se despliega 4 botones sociales en forma horizontal y así compartir su post en las redes sociales más populares como Facebook, Twitter, Pinterest o enviar la imagen por correo electrónico.


¡Te gusto verdad!

Vamos a trabajar


1 Ir a Blogger

2 Un clic en “Diseño

Como insertar botones sociales en las imágenes y así compartirlo

3 Da un clic en “Añadir un gadget

Como insertar botones sociales en las imágenes y así compartirlo

4 Busca el widget “HTML/Javascript” ábrelo

Como insertar botones sociales en las imágenes y así compartirlo

5 Inserta las siguientes líneas de código en su interior

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://cdn.slingpic.com/js/slingpic.plugin.js"></script>
<script>
                jQuery(window).load(function(){
                               jQuery("img").slingPic();
                });
</script>

Listo da un clic en “Guardar

Ahora abre cualquier post que tengas imágenes y mira cómo funciona este fabuloso truco

¡Fácil verdad!

¿Necesitas ayuda?

Cualquier pregunta no duden en hacérmelo saber

Saludos

Recuerda suscribirte:

Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE
¿Te ha resultado útil este artículo, recomiendanos?
Si



Share:

Luis Chávez

Soy el fundador del sitio web Ayudadeblogger.com - Considerado un Pro Blogger profesional, Consultor SEO y desarrollador Web adicto, ejecuto una serie de sitios web desde mi Oficina Quito-Ecuador.

Related post

Comentarios

2 comentarios:

  1. este script tiene algunas incompatibllidades con otros script, alguna solucion?

    ResponderEliminar
    Respuestas
    1. Si ya utilizar un jQuery.min.js en tu plantilla ya no es necesario insertar este script https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js ya que estaria ocacionando conflictos, es por eso que tal vez te cree algun conflicto en tu blog y no deje funcionar los demas widgets, te sujiero que borres el script que te indique.
      Saludos.

      Eliminar