Header Ads Widget


COMO HACER UNA GALERIA EN BLOGGER

Hace veinte años, mas bien mas que menos, cuando empezaba la fotografía digital a popularizarse, retome una afición antigua que venia de cuarto obscuro. Poor aquel entonces busque hacer una web donde mostrar mis fotos y había varias opciones, aun "wordpress" estaba empezando, pero ninguna me permitía insertarla en un blog que comencé a escribir y del que deriva este. Curiosamente, hoy, cuando ya solo hago fotografías de recuerdos familiares, encuentro  una opción francamente buena que viene de la mano de unos de los blog, el de oloblogger, que seguía para aprender como personalizar el mío.

En su blog, Olobloggerr deja varias opciones, de las que yo me quedo la ultima y la copio y pego aquí, por si desapareciese su blog.

Editamos plantilla y justo antes de }]]></b:skin> insertamos el siguiente CSS:

.galeria * {-moz-box-sizing: border-box !important;-webkit-box-sizing: border-box !important;box-sizing: border-box !important;}
.galeria {text-align: center !important;font-size:0 !important;line-height:0 !important;}
.galeria br {height:0;width:0;display:none;}
.galeria a, .galeria img, .galeria .separator, .galeria .separator a {clear:none !important; float: none !important; display: inline-block !important;*display: inline !important; zoom:1 !important; max-width: 100% !important;padding: 0 !important; margin:0 !important; border: 0 !important; font-size:0 !important;}
.galeria img {width: 200px !important;max-width: 100% !important;height: auto !important;margin: 10px !important;background: white !important;padding: 10px !important;vertical-align: middle !important;-moz-box-shadow: 1px 1px 3px #999;-webkit-box-shadow: 1px 1px 3px #999;box-shadow: 1px 1px 3px #999;}

Guardamos los cambios

A partir de ahora, cuando queramos montar una galería, subimos las imágenes todas seguidas en la correspondiente entrada y una vez hecho, las "rodeamos" con un div con clase galeria.














Publicar un comentario

0 Comentarios