Tus fotos de Flickr en Blogger usando la API de Flickr [Tutorial]

Con un simple script es posible usar la API de Flickr para un widget de tus fotos tal como puede observarse en el header de esta página (de donde saqué la información) o en esta otra en la que se muestra en la sidebar del lado derecho. Se pueden personalizar el número de minaturas, la cantidad de miniaturas por fila y agregar y modificar con CSS si es que así se desea (si se tienen los conocimientos necesarios) Se puede colocar en cualquier lado, en la sidebar, en el footer, en el header, en donde sea que se pueda agregar un widget o gadget de blogger.

Primero entrá a tu cuenta de Flickr

Luego obtener la clave API "no comercial" Seguir los pasos que te indica para obtener la clave y copiar en el Bloc de notas (notepad) de Windows la serie de treinta y dos números y letras que te aparecerá del lado izquierdo de color amarillo con fondo negro (luego de haber rellenado todos los formularios que te pide y aceptar las condiciones de uso de las APIs de Flickr.

Después, descargar el script desde acá O mejor aún, también se puede copiar seleccionando todo el código del texto en este enlace (recomendado).

Copiar el contenido de ese archivo de texto e insertarlo en donde quieras agregando un gadget tipo HTML/Javascript:

Asegurarse de editar correctamente las variables flickrUsername y flickrApiKey en el script, reemplazándolas por las tuyas. Lo que se debe modificar son los números y lo que está entre comillas simples ('):

// Numero de miniaturas en total (número)
  var totalThumbs = 9;
// Miniaturas por fila (número)
  var thumbsPerRow = 3;
//Tu nombre de usuario en Flickr tal y como aparece en tu Perfil 
  var flickrUsername = 'Fulano de tal';
//Coloca tu clave API aqui, reemplazá lo que esta entre (')
  var flickrApiKey = '286562b45767bc7562bd2225e2626c66';

¿Te resultó útil? Ver otro post al azar (recomendado)

O usa los siguientes botones para compartir:

Compartir en Tumblr

Pin it

1 comentario(s):

Katerina Golden dijo...: No podrias hacer un tutorial más grafico?con imagenes? me pierdo un poco; 30 de agosto de 2013, 6:04

Publicar un comentario

COMENTAR ES GRATIS!

Pero trata de que tu comentario no esté fuera del tema (Off-Topic).
Nada de ataques personales, ni insultos ni críticas destructivas al autor o a otros lectores del blog.
No están permitidos comentarios en MAYÚSCULAS (en internet significa gritar).
Intenta escribir correctamente y no uses lenguaje SMS (usa palabras completas por favor).
Tampoco está permitido el spam en todas sus variantes. Por este motivo los comentarios no serán publicados de manera inmediata sino tras ser filtrados previamente por un moderador.

Muchas gracias por comprender...

Para mostrar tu avatar: edita tu perfil de Blogger antes de comentar.

Nota: Si hay algún link o enlace externo, imagen o vídeo que no funcione correctamente en esta entrada, házmelo saber aquí...