sábado, 19 de mayo de 2012

Indice con fotos sencillo para blogger (tutorial)


Me han preguntado como hago para hacer un indice con fotos para el blog, como pense que tal vez a mas de uno le interesaria para mejorar su propio blog o aprender un poco de codigo HTML, les voy a dar el codigo.


Es bastante facil de hacer con este metodo, no es un codigo complejo, pero no esta por ningun lado, asi que si lo quieren aplicar aprovechen. Si lo quieres ver funcionando y probarlo haz clic aqui

Lo bueno que tiene este codigo, es que es facil y sencillo de escribir. Es muy practico para blogs que tengan protagonismo de fotos, ya que no muestra directamente el titulo de la entrada (el mismo se ve al pasar el cursor sobre la imagen solamente), asi que se logra una buena visulaizacion de imagenes. Seria ideal para blogs de musica, peliculas, fotos, gadgets tecnologicos, diseño, moda, decoracion, etc. donde tienen preminencia las fotos sobre el texto.

Lo malo es que no es automatico; si buscan uno automatico, lo siento pero creo que no hay ningun script disponible (si alguine sabe de alguno avise). Por lo tanto sera un trabajo relativamente sencillo si tienen pocas entradas, y un trabajo que les va a llevar unos dias si tienen unas cuantas.

El primer paso es coleccionar los enlaces de las entradas, los enlaces de las imagen o fotos principales y los nombres de las entradas, y tenerlo ordenadito en la forma correspondiente (recomiendo que los guarden en un archivo de bloc de notas por las dudas).

Luego por cada entrada que tengan vas a usar este codigo:



Ahora lo que falta es reemplazar el texto en mayuscula por los tuyos, para que se vea lo de tu blog. Veamos con un ejemplo:
Digamos que tu tienes un blog llamado "La vida de Pepito" y publicas una entrada que se llama "Pepito va al supermercado" con una foto titulada pepito34.jpg

 Eso sera asi (mas o menos):

URL DE LA ENTRADA: http://lavidadepepito.blogspot.com/2012/05/pepito-va-al-supermercado.html

URL DE LA IMAGEN: i.imgur.com/pepito34.jpg

TITULO DE LA ENTRADA: Pepito va al supermercado

Tu siguiente entrada es "Pepito invierte en la bolsa de valores", entonces haces lo mismo pero con los datos para esa entrada, y asi sucesivamente hasta terminar.

Es simple, solo que hay que repetir el trabajo por cuantas entradas tengas, cosa que en un principio, da trabajo. Si la vagancia no te frena te quedara un bonito indice con fotografias, y ademas te sera facil agregarle las entradas nuevas.

Eso es todo y si quieren cambiar las dimensiones de las imagenes, pueden hacerlo cmabiando el 200 y el 140 por las dimensiones que gusten.

Si quieren que el blog cargue mas rapido es conveniente no usar la imagen original (que generalmente es grande y pesada) sino subir miniaturas, y usarlas en su lugar.

 




No hay comentarios:

Publicar un comentario en la entrada

LinkWithin

Related Posts Plugin for WordPress, Blogger...