Flickr es uno de los sitios web de streaming de imagen más destacado y de confianza. Tiene la mas activa comunidad de usuarios que constantemente comparten sus fotos y vídeos con sus amigos y familias. Flickr tiene sus propias funcionalidades sociales y un número masivo de usuarios leales. Pueden mostrar galerías de un basados en HTML o Flash de sus últimas fotos de Flickr en su blog de Blogger.
En este artículo, le mostraremos cómo agregar un Widget de Foto Flickr en Blogger.
Paso # 1: Usted lo una insignia HTML: Lo primero que tienes que hacer es iniciar sesión en su cuenta de Flickr. Después de iniciar sesión, tienes que ir a abrir la herramienta generar Widget ofresida por los desarrolladores de Flickr. Allí vera dos opciones de una tarjeta de HTML y una insignia de Flash. Ahora depende de ti completamente todo el estilo que más te guste. Una vez hecho esto, pulse el botón "Siguiente" en la parte inferior de la página.
Paso#2: Mostrar Fotos Publica: Cuando presiones en el boton de siguiente,podras ver mas opciones,solo selecciona “All of your public photos and video” y dale a al boton de “Next: Layout” de abajo.
Paso#3: Poner las opciones de la plantilla:En este paso tienes que personalizar la apariencia de tu widget. te ofrece una cantidad de opciones como cuantos articulos mostrar,el tamano de tus fotos, la orientacion etc. Cuidadosamente llenalo de acuerdo a tus necesidadesy vaya al proximo paso.
Step#4: Escogiendo el Color: Te permite personalizar el color de tu widget para que lo puedas machear con el color de tu website. Este es ofecido debido a que muchos usuarios no les gusta comprometer sus disenos, por the widget a slight touch of youeso provee varias opciones para tu website. Finalmente presione el boton de “Next”.
Paso#5: Apicar este widget a tu blog:Ahora seras capaz de revisar el diseno y el codigo HTML del widget. Copie el codigo HTMLcompleto y vaya a Blogger.com >> Anadir un nueva Entrada. Ahora selecciona la etiqueta de Editar HTML y pega el codigo del widget en el area para texto which cual copiaste unos minutos atras.En el caso que desees anadir este gadget en la barra del lado entonces vaya a Plantilla >> Anadir un Gadget >> Anadir HTML/JavaScript y pegas el codigo en cuadro de texto de HTML y guardelo.
Felicidades: El Widget de Flickr ha sido anadido exitosamente en tu website
Probablemente notaras que algunas imagenes lucen grandes mientras otras son pequenas en tamano, si deseas mantener el tamano de tus imagenes del mismo tamano, necesitas anadir CSS Personalizado a la plantilla en archivo de css de la siguiente manera.
.flickr_badge_image img {
border: 1px solid #fafafa !important;
width: 180px;
height: 175px;
background-color: #f2f2f2;}
Necesitarasajustar el ancho(width) y el alto( height) de las imagenes para que iguale tu plantilla . Por ejemplo,si tienes una barra del lado pequena entonces tendras que reducir el ancho, asi tambien el alto . Adjustelos a las medidas de tu plantilla..
0 comentarios:
Publicar un comentario