Hola radeon. Me ha salido una respuesta larga pero no te asustes que la solución es sencilla, no te hace falta saber mucho de html para maquetar una entrada y en realidad verás que sólo te voy a enseñar una etiqueta y un atributo. Puedes ir viendo el código que te digo pegándolo en el editor y previsualizando el resultado.
Primero decir que no sé cómo funciona blogger pero en Wordpress tienes dos modos o vistas para escribir, el editor visual y el editor avanzado. Personalmente me gusta mas el avanzado y con ese te voy a dar las indicaciones porque es el que muestra el código. Para definir este modo, una vez estés en el panel de administración de Wordpress, vete a Perfil y desmarcas la opción de usar el editor visual, luego guardas los cambios.
Te vas a escribir una nueva entrada y pegas el texto plano. Veo que tienes definidos los párrafos pero voy a explicártelo para que los pongas bien e igualmente por si a alguien más le sirve. Ahora, para maquetarlo, pon los párrafos entre etiquetas <p></p> Ej:
<p>Este es el primer párrafo.</p>
<p>Este es un segundo párrafo.</p><p>Aunque esté en la misma línea, el tercer párrafo se muestra aparte, como deben ser los párrafos :D</p>
Como verás, los párrafos aparecen separados entre sí. Incluso cuando se escriben en la misma línea en el editor.
Para introducir las imágenes tienes dos opciones: o lo haces a mano o utilizas la opción Agregar una imagen de "Agregar Medios". Pincha en ella, sube la fotografía que quieras, ponle los comentarios que te parezca y luego eliges la alineación a centrada y el tamaño al que quieres que se inserte. Luego le das a insertar en la publicación. Te quedará algo del estilo de
<img src="http://www.hardwarezone.com/img/data/articles/2008/2605/shoot_01.jpg" alt="" title="" width="300" height="225" class="aligncenter size-medium wp-image-338" />
o bien si has elegido que la imagen enlace a la imagen en grande
<a href="http://www.hardwarezone.com/img/data/articles/2008/2605/shoot_01.jpg"><img src="http://www.hardwarezone.com/img/data/articles/2008/2605/shoot_01.jpg" alt="" title="" width="300" height="225" class="aligncenter size-medium" /></a>
Fíjate en el atributo
class de las imágenes porque contiene uno en particular que controla dónde se muestra la imagen
aligncenter.
Esto, que debería funcionar, en ocasiones no lo hace si no se ha definido correctamente en la hoja de estilos del tema cómo mostrar la imagen para ese valor de ese atributo.
En la entrada del blog veo que tienes las imágenes y el texto definidos así:
<p><a ..."><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px;" src="..." alt="" border="0" /></a><br />Por grosor apenas hay diferencia, ambos 3 tienen un grosor similar.<a ..."><img ... /></a>En Cuanto a anchura el HP aún siendo de 8,9" es de un tamaño más similar al Msi Wind de 10,2", que al del Eee 901.<br /><a ..."><img ... /></a>Vamos a destacar que la diferencia de peso entre el Msi Wind de 10,2" y batería de 6 Celdas contra el Asus Eee 901 con batería de 6 celdas y 8,9" es de 0,04 kg. superior en el Msi Wind, es decir, 1,14Kg para el Eee contra 1,18 Kg. para el Wind.</p>
Defines 'inline' un estilo (style) para todas las imágenes, pero no lo haces para la posición de la propia imagen. No hay un atributo "alineación" para las imágenes porque es una propiedad de los textos más bien. ¿Entonces cómo lo solucionamos? pues igual que antes hicimos con los párrafos puedes hacerlo así:
<p align="center"><img src="http://www.hardwarezone.com/img/data/articles/2008/2605/shoot_01.jpg" alt="" title="" width="300" height="225" class="aligncenter size-medium" /></p>
También puedes utilizar <div> en lugar de <p> (los contenedores también tienen la propiedad de alinearse) si no quieres que quede el espacio correspondiente al de un nuevo párrafo alrededor de la imagen.
Pruébalo y me cuentas si te soluciona el problema.
un saludo y muchas gracias por el mini-tutorial 
![[beer]](/images/smilies/nuevos2/brindando.gif "brindis")