add

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
emailEnviar por correo

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

Discusión

person_pin Luis Chávez

group_work Fundador

contact_phone +593 994589032

email ayudadeblogger@gmail.com

Entradas populares

Youtube.com/ayudadeblogger

Suscríbete

Etiquetas

Adsense dispositivos moviles (2) Alojamiento web (12) Aplicaciones moviles (15) Backlinks (1) Breaking News para Blogger (3) Como (33) Como crear una pagina web gratis (8) Comprar Dominios (2) Comprar un Dominio en Godaddy (2) Configurar dominio de Godaddy en Blogger (1) Consejos de Blogs (33) Consejos de Trafico (12) Correo Dominio (3) Crear un Sitemap (6) Crear una Aplicacion gratis (2) Diseno Responsive (5) Diseño Web (7) En vivo (1) Entradas Populares (18) Enviar Sitemap a Bing y Yahoo (1) Error al analizar XML (5) Facebook trucos (10) Firefox (9) Formulario de contactos (3) Ganar Dinero (22) Google (11) Google Adsense (10) Google Plus (5) Guia de SEO (2) Herramientas Blogger (4) Herramientas para Webmasters (6) Iconos Font Awesome (1) Info Tech (1) La ética de los blogs (2) Laptops (2) Manual Blogger (11) Material Design Blogger (2) Medios de Comunicacion Social (39) Menu desplegable (20) Menu Responsive para Blogger (6) Mobile-friendly (9) Movil (12) Noticias (3) Optimizado para moviles (4) Plantillas Blogger (42) Plantillas Landing page para Blogger (3) Popout (6) Posicionamiento SEO (22) Publicidad (2) SEO Mobile (12) SEO para Moviles (14) Sitemap (1) Sitios web optimizados para moviles (3) Slider Carrusel (7) Slideshow (35) Smartphone (12) Social Media Marketing (1) Tácticas de Marketing (4) Tecnologia (12) Temas de invitados (2) Top Hosting (3) Trucos Blogger (40) Trucos CSS y HTML (11) Web Hosting (14) Widget Acordeón (3) Widget Tab Multiple (1) Widgets para Blogger (69) Widgets Suscripciones (9) Widgets y Plugins (6)

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Seguidores

Comentarios