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:
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:
Y así es como quedaran las imágenes:
Puedes modificar el height(ancho)y el width(largo) de la imagen ,ejemplo:
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:
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:
buena ayuda! a ver cuándo tengo tiempito de ponerlo en práctica!(necesito tiempo porque nica* lo logro a la primera)
Mil gracias por este tutorial, haré un post con tu permiso.
Saludos
Por supuesto que haría mención a tu blog, siempre lo hago.
Saludos
Por cierto... en los códigos de la galería se ha colado el primer código de <
Veo que el aprendiz tomo muy buena nota de su maestro. Saludos y enhorabuena por el tutorial para armar galerias en Blogger.
El artículo está muy bien, pero repasa la ortografía, en un blog es muy importante, suerte con tu blog.
Gracias anónimo, lo tendré en cuenta.
Publicar un comentario