Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Crear un Fotoblog: Maravillosa plantilla para blogger

Hemos descubierto varias formas de incluir una galería de imágenes en un blog, utilizando librerías javascript o simplemente CSS, pero aún nos falta conocer la manera de crear un blog-galería o lo que se conoce más como un Foto Blog.

Para que su creación te resulte de lo más sencilla, he diseñado una plantilla e incluido efectos especiales para una elegante presentación de las imágenes.

El resultado es un increíble y profesional diseño que te permitirá incluir una amplia colección de fotos. Éstas últimas se publican en las entradas, tal y como lo haces normalmente -con la única diferencia de que utilizaremos un código muy cortito-.

Podrás agrupar las entradas en categorías (utilizando etiquetas) y ordenar el contenido a tu gusto.

¿Comenzamos? En primer lugar, accede a tu cuenta de blogger y crea un nuevo blog. Posteriormente accede al apartado...


Diseño>Edición de HTML>expandimos artilugios



Selecciona todo el código que forma tu plantilla actual y elimínalo. Descarga el siguiente documento e incluye todo su contenido en el campo de texto.

Descargar documento

Guarda la plantilla. Ahora tan solo necesitas incluir las imágenes de tu Foto Blog.

Crea una nueva entrada, atribúyele un título y una etiqueta e inserta este código en ella:

<img longdesc="URL DE LA IMAGEN" alt="TEXTO" src="URL DE LA IMAGEN">

Reemplaza URL DE LA IMAGEN con la dirección de la imagen (debes escribirla dos veces). Publica el post y listo.

Obtendrás algo similar a lo que muestro en la siguiente imagen de ejemplo.



El botoncito para 'expandir' la imagen aparecerá al pasar el cursor por encima de ésta.

Si vas a publicar más de una imagen en la misma entrada (algo que recomiendo para evitar que el blog se demore al cargar), incluye el código necesario junto al anterior y así sucesivamente.

Ejemplo:
<img longdesc="URL DE LA IMAGEN 1" alt="TEXTO 1" src="URL DE LA IMAGEN 1"><img longdesc="URL DE LA IMAGEN 2" alt="TEXTO 2" src="URL DE LA IMAGEN 2">

Si piensas publicar un gran número de imágenes en cada entrada te recomiendo instalar el truco 'Acelerar la carga de las páginas en blogger'.

Nota:
Para no estar copiando el código cada vez que desees incluir imágenes en el Foto Blog, haz uso de la plantilla de entrada que ofrece blogger.

Driwrgy dice...

Qué guay pero para esto necesito tener alojadas las imágenes en un álbom digital, no?

Jaime Trujillo Escobedo dice...

¡En absoluto Driwrgy! Tan solo debes subir las imágenes a tu entrada en blogger y copiar su dirección para utilizarla en el código.

Juan Sebastian dice...

No me aparece el botoncito para expandir la imagen.
A que se debe esto?

Urko dice...

Aupa majo de podri cambiar el tamaño de la foto cuando la abres,garcias de antemano

Jaime Trujillo Escobedo dice...

Juan, no te aparece por no haber incluido las imágenes untilizando el código que cito en la entrada. Al final del post encontrarás la solución.

Jaime Trujillo Escobedo dice...

Urko, ¿Te refieres a la miniatura de imagen que aparece en las entradas?

Urko dice...

aupa majo
me refiero una vez que pinchas sobre el icono de aumentar se habre la foto,entonces que esa foto se pueda ver en mayor tamaño,no se si em e explicau muy bien jijiji
benga majo gracias

Urko dice...

NADA TRANKI K VA DE LUJO K SE ME A IDO LA PINZA
JIJIJ
MUCHISIMAS GRACIAS

Jaime Trujillo Escobedo dice...

¡Perfecto entonces Urko! Acabo de pasar por tu galería y he podido comprobar lo bien que te ha quedado. ¡Tienes una amplísima colección de fotos!

Cocofansclub dice...

guauu!!!creo que has dado con la solucion a mis imagenes!!que ya no se como publicarlas,voy a probar este maravilloso post y te cuento!!
clau

Jaime Trujillo Escobedo dice...

Claudia, yo también creo que le vendrá muy bien a tu blog disponer de otro 'departamento' solo para imágenes, especialmente por la cantidad de ellas que utilizas.

¡Ya me contarás!

Cocofansclub dice...

Hola Jaime!no se si entro mi comentario:(
vuelvo a consultarte,como puedo solucionarlo, no me aparece el icono de expandir probe de hacerlo nuevamente pero nada,podrias ayudarme?me pasa lo mismo que a Juan (comt. 3)
un saludo!!
clau

teofermi dice...

Hola Jaime, mi comentario no es de esta entrada pero es para decirte que anoche te escribi un correo con un problema que tenia, he conseguido arreglarlo asi que no le hagas caso jajjaj

un beso

Cocofansclub dice...

Jaime contestame por favorr!!:(

Jaime Trujillo Escobedo dice...

Todo solucionado Teofermi. ¡Saludos!

Jaime Trujillo Escobedo dice...

Claudia, aún no he podido dar con el problema. Editaré el script cuanto antes para solucionar el error.

iGloss dice...

Hola que tal Jaime espero que estés bien, quisiera que me ayudes ha como ponerle una sección a mi blog con este estilo de Fotoblog.

Jaime Trujillo Escobedo dice...

iGloss, ¿Qué quieres decir con ponerle una sección? ¿Te refieres a instalar el script que permite ampliar las imágenes?

Abel3D dice...

Estimado Jaime un saludo. Quisiera poner este tipo de fotoblog en un blog ya existente, o sea, que todos esos cuadritos con las imagenes que se agrandan sean parte de una entrada de un blog ya creado. Algo asi como copiar todos los codigos necesarios en una plantilla ya existente como sueles mostrarnos en otros trucos. El problema que tengo es que mi blog ya tiene un diseño y tengo otro blog que lo creé con el fin de que sea mi fotoblog y quiero tener a este fotoblog con ese mismo diseño, cosa que cuando hago click en un enlace de mi blog principal, me lleve al fotoblog con el mismo diseño pero del fotoblog, asi todo parece que fuese de la misma pagina aunque sean dos blogs diferentes, no se si sea factible y disculpame si te he mareado con esto.

Gracias y buen trabajo.

Jaime Trujillo Escobedo dice...

Abel3D, en absoluto me mareó leer tu comentario. Presentaste una consulta anteriormente realizada y me sirvió para recordar que pronto publicaré un tutorial para implementar el script que agranda las imágenes de forma deslizante en un blog personal. Pronto dispondrás de la entrada y podrás aplicarlo en tu sitio.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo