Cambiar el tamaño de la letra con una barra de desplazamiento

Ahora sí, entra en Plantilla | Edición de HTML y pega antes de </head> lo siguiente:

<script src='http://sites.google.com/site/ciudadbloggerfiles/Home/mootools.js' type='text/javascript'/>
<script type='text/javascript'>
window.addEvent(&#39;domready&#39;, function(){

var el = $(&#39;myElement&#39;),
font = $(&#39;fontSize&#39;);

new Slider(el, el.getElement(&#39;.knob&#39;), {
steps: 35, // Tamaño máximo de la letra
range: [8], // El 8 es el tamaño mínimo
onChange: function(value){
font.setStyle(&#39;font-size&#39;, value);
}
}).set(font.getStyle(&#39;font-size&#39;).toInt());

});
</script>

<style type='text/css'>
div.slider {
width: 220px; /* ancho de la barra */
height: 16px; /* alto de la barra */
background: #eee; /* color de la barra */
}
div.slider div.knob {
background: #0080FF; /* color del selector */
width: 16px; /* ancho del selector */
height: 16px; /* alto del selector */
cursor: move;
}
div#fontSize {
height: 40px;
}
</style>

Luego busca esta parte y agrega lo que está en color rojo:

<div id='fontSize'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
</b:section>
</div>
</div>

Por último entra en Diseño | Añadir un gadget | HTML/Javascript y pega esto:

<div id="myElement" class="slider">
<div class="knob"></div>
</div>
<p>Mueve la barra hacia los lados para cambiar el tamaño de la letra.</p>

Con eso el tamaño de la letra de las entradas cambiará desplazando el selector de la barra de un lado a otro. Si deseas que también cambie el tamaño de la letra de todo el blog entonces la primera línea en color rojo deberá ir antes de <div id='content-wrapper'> y la otra parte roja antes de <!-- end content-wrapper -->