Galería prueba 3

Galería de imágenes sencillísima y a prueba de torpes a partir de
http://www.oloblogger.com/2014/07/galeria-de-imagenes-sencilla-blogger.html
y retoques propios.

Editamos plantilla y justo antes de  }]]></b:skin> insertamos el siguiente código 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 {
    height: 80px !important;
    max-height: 100% !important;
    width: auto !important;
    margin: 5px !important;
    border: 3px #000000;
    background: white !important;
    padding: none;
    vertical-align: top !important;
    }  


A partir de ahora, cuando queramos montar una galería, subimos las imágenes todas seguidas en la correspondiente entrada y una vez hecho esto, en el editor HTML las "rodeamos" con un div con clase galeria. No hay que preocuparse por los divs de más que mete Blogger.

Por ejemplo:

<div class="galeria">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-o55VmZTvxFc/VYw0KTqdheI/AAAAAAAALR0/4ICNmZcP/s1600/_DSC8421-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/-o55VmZTvxFc/VYw0KTqdheI/AAAAAAAALR0/4ICNmZcP/s320/_DSC8421-1.jpg" width="212"></a></div>
<br>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-lqzYAfRkel8/VYw0KGtl_TI/AAAAAAAALR4/UTPKzyKY/s1600/_DSC8421-1LR.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/-lqzYAfRkel8/VYw0KGtl_TI/AAAAAAAALR4/UTPKzyKY/s320/_DSC8421-1LR.jpg" width="212"></a></div>
</div>

Probando: