Como crear galerias en Blogger

viernes, septiembre 22, 2006

Talvez hayan visto galerías en Blogger, gracias a Diario de un Burgense que respondió a esta duda que yo tenía, les describo a continuación como pueden hacerlo:

Después de que añadas tu imagen ,copia el siguiente código en Edición de HTML:

<a href="http://photos1.blogger.com/blogger/557/2206/1600/tiendas.jpg" target="_blank"><img style="CURSOR: hand" height="48" alt="" src="http://photos1.blogger.com/blogger/557/2206/200/tiendas.jpg" width="64" border="0" /></a>


Solo reemplaza las secciones con la imagen que hayas añadido anteriormente,en este caso las secciones a reemplazar serian estas:

http://photos1.blogger.com/blogger/557/2206/1600/tiendas.jpg

http://photos1.blogger.com/blogger/557/2206/200/tiendas.jpg

(Ambas corresponden a la misma imagen,solo que la que indica: 1600, es la imagen a tamaño "real" y la que indica: 200, es la imagen en su tamaño reducido).

Asi es como quedaria la imagen:



El siguiente código es despues de añadir 2 imágenes,y hacer el cambio respectivo:

<a href="http://photos1.blogger.com/blogger/557/2206/1600/tiendas.jpg" target="_blank"><img style="CURSOR: hand" height="48" alt="" src="http://photos1.blogger.com/blogger/557/2206/200/tiendas.jpg" width="64" border="0" /></a> <a href="http://photos1.blogger.com/blogger/557/2206/1600/plateria.jpg" target="_blank"><img style="CURSOR: hand" height="48" alt="" src="http://photos1.blogger.com/blogger/557/2206/200/plateria.jpg" width="64" border="0" /></a>


Y así es como quedaran las imágenes:



Puedes modificar el height(ancho)y el width(largo) de la imagen ,ejemplo:

<a href="http://photos1.blogger.com/blogger/557/2206/1600/tiendas.jpg" target="_blank"><img style="CURSOR: hand" height="70" alt="" src="http://photos1.blogger.com/blogger/557/2206/200/tiendas.jpg" width="86" border="0" /></a>


Anteriormente:
el height(ancho),tenia un valor de: "70"
y el witdh(largo),tenia un valor de: "86"

Para la siguiente imagen:
el heigth es: "92"
y el witdh es: "108"

La imagen quedaria asi:



Y asi vas armando tu galería.

7 comentarios:

undiary dijo...

buena ayuda! a ver cuándo tengo tiempito de ponerlo en práctica!(necesito tiempo porque nica* lo logro a la primera)

Gem@ dijo...

Mil gracias por este tutorial, haré un post con tu permiso.
Saludos

Gem@ dijo...

Por supuesto que haría mención a tu blog, siempre lo hago.
Saludos

Gem@ dijo...

Por cierto... en los códigos de la galería se ha colado el primer código de <

Anónimo dijo...

Veo que el aprendiz tomo muy buena nota de su maestro. Saludos y enhorabuena por el tutorial para armar galerias en Blogger.

Anónimo dijo...

El artículo está muy bien, pero repasa la ortografía, en un blog es muy importante, suerte con tu blog.

ICARO NOCTURNO dijo...

Gracias anónimo, lo tendré en cuenta.