Saltar al contenido.

Giphy: Buscador de gifs animados

Animals Animated Gif on Giphy

Giphy es un buscador de gifs animados que, además, se pueden compartir en Facebook, Twitter y Tumblr o embeberlo en un blog, supuesto este último no aplicable a WordPress.com1.

Sin embargo, si bien no se puede embeber utilizando el código proporcionado por Giphy, si la podemos insertar sin necesidad de descargar la imagen y volver a subirla a nuestra librería o a dónde creamos conveniente (ImageShack, Imgur, Photobucket, etc.) con un pequeño truco, ya que la dirección que aparece en la barra de direcciones del navegador es la de página, no la de la imagen.

Una vez elegida la imagen en el buscador, hacemos clic con el botón derecho del ratón sobre la misma para pulsar sobre la opción Inspeccionar elemento. Aparecerá una ventana con el código de la imagen ya seleccionado, será similar a este (en rojo la dirección de la imagen):

<img data-image_original_url="http://media0.giphy.com/media/sMaW02wUllmFi/original.gif" data-bitly_gif_url="http://gph.is/VwzlJZ" data-gif_id=”sMaW02wUllmFi" id="gif" src="http://media0.giphy.com/media/sMaW02wUllmFi/original.gif" alt="Animals Animated Gif on Giphy">

Copiamos y pegamos el código en el Editor del blog para modificarlo2 de la siguiente forma:

<img src="http://media0.giphy.com/media/sMaW02wUllmFi/original.gif" alt="Animals Animated Gif on Giphy">

Resultado:

Animals Animated Gif on Giphy

Con los atributos width y height podemos cambiar el ancho y alto de la imagen:

<img src="http://media0.giphy.com/media/sMaW02wUllmFi/original.gif" width="300" height="255" alt="Animals Animated Gif on Giphy">

Animals Animated Gif on Giphy

1 Código admitido (o no) por WordPress.com: WordPress.com » Support » Code.
2 No es estrictamente necesario modificar manualmente el código; al guardar la entrada el editor lo modificará de forma automática.

► Enlace: GIPHY

Si te gustó este truco y quieres recibir en tu correo notificaciones sobre nuevos tutoriales, trucos o recursos puedes suscribirte ahora.

3 Comentarios »

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios .

A %d blogueros les gusta esto: